Bootstrap is currently the single most used library on all of Github, beating out other tools like React and Angular! It's immensely popular, and with good reason: it makes creating responsive websites a breeze.

This course will take you from knowing nothing about Bootstrap 3 or 4 to learning all of the utilities, components, widgets and grids and building real world themes and websites. You do NOT need to know Bootstrap 3 for this course.

This course will take you from a complete beginner to a Bootstrap 4 expert in a matter of hours!

Or, if you already know Bootstrap 3, this course will serve a complete guide to all the new changes and improvements in Bootstrap 4. By the time we're done, you'll master every single component, the powerful grid system, and the brand-new utility classes.

Build projects including:

• 
  

  Build beautiful navigation quickly with Bootstrap's styled navigation components.

  
  


• 
  

  Use Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.

  
  


• 
  

  Build a slideshow component for cycling through elements—images or slides of text—like a carousel.

  
  


• 
  

  Build service pages for your product with featurettes

  
  


• 
  

  Learn how to design mobile first

  
  


• 
  

  Build a contact form for email, messages and more

  
  


• 
  

  Build a footer quickly with Bootstrap's components

  
  


• 
  

  Build an image header with text overlay

  
  


• 
  

  Build a pricing page

  
  


• 
  

  And much more!

  
  

These projects are free for you to use for your clients, projects and anywhere you need.

In just a matter of hours, you can add skills to your resume:

• 
  

  Learn the fundamentals of HTML5, CSS3 and javascript if you have no coding experience.

  
  


• 
  

  Download Bootstrap to get the compiled CSS and javascript, source code, or include it with your favorite package managers like npm, RubyGems, and more.

  
  


• 
  

  Use Bootstrap's powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes.

  
  


• 
  

  Use Bootstrap's display utilities for responsively toggling common values of the display property. Mix it with their grid system, content, or components to show or hide them across specific viewports.

  
  


• 
  

  Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities.

  
  


• 
  

  Use .flex-grow-* and more utilities to toggle a flex item’s ability to fill available space.

  
  


• 
  

  Set up a template you can reuse for any project.

  
  


• 
  

  Implement icons fast with Bootstrap's first time ever own icon library, custom designed and built for our components and documentation.

  
  


• 
  

  And more...