Elements:Utilities
Various utilities to help site building.
Responsive floats
Float elements or remove floats based on the browser screenwidth.
Class name pattern:
float-BREAKPOINT-ALIGN
with full options:
.float|sm|md|lg|xl-left|right|none
Classes can also be combined.
Display property
These classes allow you to quickly change the "display" property of an element which can be really useful for alignment elements in a row or stacking them vertically.
Classes avaliable are:
.d-none
,
.d-flex
,
.d-inline-flex
,
.d-table
,
.d-table-cell
,
.d-block
,
.d-inline
, or
.d-inline-block
All classes are responsive using the following pattern allowing you to show and hide elements per breakpoint:
.d-(sm|md|lg|xl)-(none|flex|inline-flex|table|table-cell|block|inline-block)
inline-block
Boot that strap!inline-block
Strap that boot!Border radius
Quickly and easily set border roundness on images, buttons or divs.
Vertical alignment
These classes allow you to set the vertical alignment of inline, inline-block, inline-table, and table cell elements:
.align-baseline
,
.align-top
,
.align-middle
,
.align-bottom
,
.align-text-bottom
, and
.align-text-top
.