"Bootstrap 4 Basics (Retired)" was retired on December 31, 2017. You are now viewing the recommended replacement.
- CSS
- Beginner
About this Course
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.
6 stepsResponsive 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 stepsUsing 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 stepsTeacher
-
Guil Hernandez
Guil is a Full Stack JavaScript and Front End Web Development instructor.