- Content Formatting
Classes can be applied to the current paragraph with the Styles menu.
The following classes are paired with their visual style and are all available in the NatSci web theme for content styling.
class="lead"; Lead is designed to lead off a page's content with a large and strong font to draw some attention.
class="well"; Well is designed to emphasis like content. It can be paired with "well-large" or "well-small" for a few additional options.
"alert alert-warning" can be used to bring attention to something that has gone wrong.
"alert alert-danger" can be used to bring attention to something that has gone wrong.
"alert alert-success" is great for positive feedback.
"alert alert-info" is a little more neutral for a less dramatic presence.
The example below is based on a 12 column grid layout. Screen sizes are as follows:
- extra small (xs) - phones; col-xs-12 (or any number of columns 1-12)
- small (sm) - tablets; col-sm-12 (or any number of columns 1-12)
- medium (md) - desktops; col-md-12 (or any number of columns 1-12)
- large (lg) - larger desktops; col-lg-12 (or any number of columns 1-12)
Other classes are listed in article Integrated Brand Colors.