Complete Bootstrap: Responsive Web Development with Bootstrap 4: Learn all the new features and build a set of example applications for your portfolio with the latest version of Bootstrap

Since its debut in August 2011, Bootstrap has become by far the most popular framework for empowering and enhancing frontend web design. With version 4, Bootstrap reaches an exciting new milestone, a lean code base optimized for modern browsers. Bootstrap 4 introduces a wide range of new features that make frontend web design even more simple and exciting. So, if you’re interested to unearth the potential of Bootstrap 4 to build highly responsive and beautiful websites using modern web techniques, then you should surely go for this course.

The highlights of this course are:

Learn out how to make your websites responsive

Explore the robust features of Bootstrap 4 and create exciting websites through excellent hands-on projects

Find out how to extend the capabilities of Bootstrap with a huge range of tools and plugins, including jQuery

Customize your designs by working directly with SASS files

Let’s take a quick look at your learning journey. In this comprehensive course, you’ll learn everything that you need to know excel in Bootstrap web development. You’ll first learn to build a simple blog named Hello World! You’ll then discover the principles of mobile-first design in order to ensure your pages can fit any screen size and meet the responsive requirements. You’ll learn to play with Bootstrap’s grid system and base CSS to ensure your designs are robust and that your development process is speedy and efficient. You’ll then find out how you can extend your current build with some cool JavaScript plugins, and throw in some Sass to spice things up and customize your themes. Finally, you’ll go through different hands-on projects on Bootstrap such as building your portfolio, building an ecommerce website, and many more!

By the end of this course, you will able to build amazingly beautiful and responsive websites with Bootstrap.

Note: This course is a blend of text and quizzes, all packaged up keeping your journey in mind. It includes content from the following Packt products:

Learning Bootstrap 4, Second Edition by Matt Lambert
Bootstrap 4 Site Blueprints by Bass Jobsen, David Cochran, and Ian Whitley
What you will learn
Fire up Bootstrap and set up the required build tools to get started
Understand how and when to use Flexbox with the Bootstrap layouts
Learn responsive web design and discover how to build mobile-ready websites with ease
Find out how to extend the capabilities of Bootstrap with a huge range of tools and plugins, including jQuery
Play around with the huge variety of components that Bootstrap offers
Customize your designs by working directly with Bootstrap’s SASS files
Explore the inner workings of Bootstrap 4 by building different websites
Table of Contents
Setting up Our First Blog Project
Jumping into Flexbox
Working with Layouts
Working with Content
Playing with Components
Extending Bootstrap with JavaScript Plugins
Throwing in Some Sass
Bootstrapping Your Portfolio
Bootstrapping Business
Bootstrapping E-Commerce
Bootstrapping a One-Page Marketing Website
Assessment Answers