8 Alerts
You may want to style a certain paragraph in a different way to alert the user to it. Because this template is based on Bootstrap, you can use different kinds of alerts.
The way it works is that you create a custom block and give it two classes. The first class is .alert, followed by one of the following: .alert-primary, .alert-secondary, .alert-success, .alert-danger, .alert-warning, .alert-info, .alert-light, .alert-dark.
Here is an example:
::: {.alert .alert-primary}
This is an alert!
:::Which produces the following result:
This is an alert!
Below you can see an example of each different kind of alert.
A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple light alert—check it out!
A simple dark alert—check it out!