Bootstrap 4 Basics

Getting to Know Bootstrap 4

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. 6 steps

• Rapid Development with Bootstrap 2:01
• Introducing Bootstrap 4 5:35
• Getting Started 3:14
• Creating a Simple Page 7:31
• Enhancing the Page 5:07
• Getting to Know Bootstrap 4 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. 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. 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. 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