Chapter 6. Playing with Components

The real power of Bootstrap lies in the components contained within the framework. In this chapter, we'll go through a number of new and existing components. I'll show you how to use them and then we'll insert them into our sample blog project so you can see them in practice. Let's get right into it by covering one of the most commonly used components, which are buttons.

Using the button component

Buttons are one of the most commonly used components in Bootstrap. In version 4 of Bootstrap, some of the new options for the button component include an outlined variation, toggle states, and button groups with checkboxes and radios. Before we get into that, let's review the basic button options and configuration. Here's a few general points to keep in mind when using buttons:

• No matter what type of button you are creating, it will require the .btn CSS class to be included at a minimum
• The .btn class can be attached to a number...