Basic button examples

Before we move on to more advanced configuration, let's cover the basics of creating Bootstrap buttons. If you aren't new to Bootstrap, you may want to skip this section. Bootstrap comes with six different button color options out of the box. Here's a breakdown of their names and when to use them:

  • Primary: The main button used on your website. It is blue by default.
  • Secondary: The alternate or secondary button used in your website. It is white by default.
  • Success: Used for positive-based actions. It is green by default.
  • Info: Used for informational buttons. It is a light blue by default.
  • Warning: Used for warning-based actions. It is yellow by default.
  • Danger: Used for error-based actions. It is red by default.

Now that I've explained ...

Get Bootstrap 4 – Responsive Web Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.