Bootstrap 4 Basics
Learn to use Bootstrap 4, one of the most popular open source front end frameworks, to help you build a functional design and layout in little time.
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.
- Rapid Development with Bootstrap2:01
- Introducing Bootstrap 45:51
- Getting Started3:50
- Creating a Simple Page8:16
- Enhancing the Page4:27
- Review: Getting to Know Bootstrap 46 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.
- Introducing the Project1:54
- Layout in Bootstrap2:49
- How the Bootstrap Grid Works4:52
- Styling Content7:29
- Column Sizing6:46
- Column Ordering and Offsetting6:21
- Review: Responsive Layouts with the Bootstrap Grid6 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.
- Building a Navbar8:38
- Using Jumbotron to Showcase Key Content2:43
- Adding Buttons and Button Groups4:59
- Horizontal Navs and Dropdown Buttons4:18
- Displaying Content with Cards5:45
- Building the Schedule with a List Group5:19
- Displaying a Modal Window4:43
- Using ScrollSpy to Highlight Nav Links4:29
- Review: Bootstrap Components6 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.
- Form Groups and Form Controls8:57
- Custom Form Controls for Cross-Browser Consistency6:14
- Structured Form Layouts with the Grid5:39
- Adding Validation Styles4:09
- Custom CSS6:15
- Review: Building Forms with Bootstrap5 questions