Bootstrap 4: Components

Navbar, Cards, Buttons, Forms, Modals and…

Part 3 of the Tutorial on Bootstrap 4

So far I’ve showed you basic set-up, and the very important grid. Now let’s explore some useful components that Bootstrap 4 provides, beyond the grid.

Navbar

Navbar

Bootstrap 4 Navbar Breakpoints

Learn more about the Navbar, including how to customize color, height, alignment and layout.

Cards

Cards

Bootstrap 4 Example Cards

Example: More Custom Cards

Buttons

Buttons

Bootstrap 4 Button Examples

Forms & Inputs

Forms

Bootstrap 4 Example Form

Modal

Modal

Carousel

Carousel

More Stuff

With all the tools Bootstrap provides, it’s easy to produce attractive, responsive design that’s based on standard and designed for consistency.

Explore the Bootstrap 4 test page below the page to find out which components and classes will work best for you:

Codeply — Bootstrap 4 Test Page

Bootstrap 4 Themes Guide

Bootstrap 4 Examples