- Content Formatting
Please read Applying HTML Content Classes for information on applying container classes in Mura.
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.
class="notice" highlights an on-page warning. When used in conjunction with headers and font icons, you can create a nice looking callout.
"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.