Modules
Centered
This module helps to center an element horizontally if its maximum width is set.
Usage #
Superkube has a class for horizontal centering of the element and a class for turning off centering:
- centered
- uncentered
<div class="item centered">
<div class="item-head">...</div>
<div class="item-body">...</div>
</div>Behavior on small screens #
To change the centering behavior on small screens, you can use centering classes with the -sm suffix.
- centered-sm
- uncentered-sm
<div class="item centered uncentered-sm">
<div class="item-head">...</div>
<div class="item-body">...</div>
</div>