Quick options

Learn how to use the modifier classes in order to quickly customize Boomerang default styles.

Boxed or fluid

Choose whether to have a fluid layout or a boxed one by simply adding .body-boxed on the .body-wrap element. If you want a fluid layout you don't need to add anything.

<div class="body-wrap body-boxed">
...
</div>

If you want a boxed layout with no margins, add the .body-boxed--no-margin class next to the .body-boxed class

<div class="body-wrap body-boxed body-boxed--no-margin">
...
</div>

Body backgrounds

Add a custom background or a pre-defined one using one of our modifier classes: .body-bg-1, .body-bg-2 or .body-bg-3.

<body class="body-bg-1">
...
</body>