Bootstrap Basics Course (How To)

Learn to build with Bootstrap, one of the most popular open source front end frameworks, to help you build a functional design and layout in little time.

What you'll learn

• Working with components
• Layout with the grid
• Styling content
• Building and laying out forms

Getting to Know Bootstrap

In this stage, you'll get to know the Bootstrap documentation, then learn how Bootstrap solves common layout, typography, and browser compatibility problems by building a simple project.

Chevron 6 steps

• Rapid Development with Bootstrap

  2:01

• Introducing Bootstrap

  5:35

• Getting Started

  3:14

• Creating a Simple Page

  7:31

• Enhancing the Page

  5:07

• Getting to Know Bootstrap Review

  6 questions

Responsive Layouts With the Bootstrap Grid

Learn Bootstrap's components and options for laying out your project, including containers, the grid system, and responsive utility classes.

Chevron 7 steps

• Introducing the Project

  1:51

• Layout in Bootstrap

  2:02

• How the Bootstrap Grid Works

  5:58

• Styling Content

  7:39

• Column Sizing

  6:52

• Reordering and Offsetting Columns

  7:08

• Responsive Layouts with the Bootstrap Grid Review

  6 questions

Using Bootstrap Components

Learn to use Bootstrap’s custom styles for common code components and user interface tasks like navbars, buttons, dropdown menus, modals and more.

Chevron 9 steps

• Building a Navbar

  9:17

• Using Jumbotron to Showcase Key Content

  2:48

• Buttons and Button Groups

  5:22

• Inline Navs and Dropdown Buttons

  5:09

• Displaying Content with Cards

  7:32

• Building the Schedule with a List Group

  6:26

• Displaying a Modal Window

  5:02

• Using ScrollSpy to Highlight Nav Links

  4:22

• Bootstrap Components Review

  6 questions

Building Forms With Bootstrap

Learn Bootstrap's control styles, layout options, and custom components for creating stylish forms that look consistent across all modern browsers and devices.

Chevron 6 steps

• Form Groups and Form Controls

  6:23

• Adding a Select Menu

  1:51

• Custom Form Controls for Cross-Browser Consistency

  6:23

• Structured Form Layouts with the Grid

  7:01

• Add Custom CSS to Your Bootstrap Site

  5:37

• Building Forms with Bootstrap Review

  5 questions