Learn Bootstrap

Build responsive, mobile-first websites by following these Bootstrap tutorials. Learn everything from setup to customization, with plenty of hands-on exercises.

All Bootstrap content:

  1. Get Started With the New Bootstrap 4 Grid System in Our New Course

    Get Started With the New Bootstrap 4 Grid System in Our New Course

    Tutorial Beginner

    In our new short course, A Beginner’s Guide to the New Bootstrap 4 Grid System, you’ll learn everything you need to know to get started with Bootstrap's new...

  2. Quick Tip: Beware When Using the Slim Version of jQuery

    Quick Tip: Beware When Using the Slim Version of jQuery

    Tutorial Beginner

    In this quick tip I’m going to explain to you when you should and shouldn’t use the “slim version” of jQuery. For this tip I’ll assume you’re familiar with...

  3. Four Bootstrap 4 Projects

    Four Bootstrap 4 Projects

    Course Intermediate

    In this project-based course, you will learn how to customize Bootstrap 4 as you create four practical web projects using the most recent version of the...

  4. Bootstrap 4 is Here! What’s New?

    Bootstrap 4 is Here! What’s New?

    Tutorial Beginner

    Bootstrap, one of the most popular front-end frameworks among web designers, recently launched its very eagerly awaited version 4! Let’s take a look at...

  5. Propeller: Combining Bootstrap With Material Design

    Propeller: Combining Bootstrap With Material Design

    Course Intermediate

    Propeller is a front-end framework that applies Material Design principles to Bootstrap websites. In this course, you will learn how to use Propeller to take...

  6. Building Your Startup With PHP: Bootstrap Your Home Page

    Building Your Startup With PHP: Bootstrap Your Home Page

    Tutorial Intermediate

    Learn how to make your home page more professionally aesthetic and effective by exploiting Bootstrap more thoroughly.

  7. Building Your Startup: Advanced Scheduling Commands

    Building Your Startup: Advanced Scheduling Commands

    Tutorial Intermediate

    There are lots of critical scheduling features to build and then fit into a small responsive user interface. Learn how I lean on Bootstrap to integrate them...

  8. Pure.css Offers an Intriguing Alternative to Bootstrap

    Pure.css Offers an Intriguing Alternative to Bootstrap

    Tutorial Beginner

    If you're looking for a slimmer alternative to Bootstrap, check out Yahoo's open-source responsive framework. It's just 4.5 KB minified and gzipped.

  9. New Course: Customizing Bootstrap Components

    New Course: Customizing Bootstrap Components

    Tutorial Beginner

    Do you want to take advantage of the benefits offered by the Bootstrap framework, without making your website look like every other Bootstrap site out there?...

  10. Customizing Bootstrap Components

    Customizing Bootstrap Components

    Course Intermediate

    Not all Bootstrap websites have to look and behave like Bootstrap websites. In this course, I’ll teach you how to customize Bootstrap components to fit the...

  11. Quick Tip: Building Responsive Layouts With Floats

    Quick Tip: Building Responsive Layouts With Floats

    Tutorial Beginner

    In today’s quick tip, we’ll learn how to build responsive layouts using CSS floats, an old yet trusted layout method. Floats weren’t initially intended to...

  12. Building WordPress Themes With Bootstrap

    Building WordPress Themes With Bootstrap

    Course Beginner

    In this course you're going to learn how to convert a portfolio HTML template into a WordPress theme. Along the way, you'll learn the basics of WordPress...