Learn how to use the modifier classes in order to quickly customize Boomerang default styles.
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>
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>