Skip to content

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.

Float left on all viewport sizes
Float right on all viewport sizes
Don't float on all viewport sizes
Float left on viewports sized SM (small) & floats right from MD up
No float on sm viewports, float right on viewports sized MD (medium) or wider
Float right on viewports sized LG (large) or wider
Float right on viewports sized XL (extra-large) or wider

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)

Block

inline-block

Boot that strap!

inline-block

Strap that boot!
Inline
Inline

Border radius

Quickly and easily set border roundness on images, buttons or divs.

Rounded
Rounded top
Rounded right
Rounded bottom
Rounded left
Circle

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 .

align-baseline align-top align-middle align-bottom align-text-top align-text-bottom

Awesome Features

99.9% Uptime / Free Upgrades / Fully Responsive / Bug Free
Theme Colours

Green Red Blue Purple Pink Orange Lime Blue-dark Red-dark Brown Cyan-dark Yellow Slate Olive Teal Green-bright

Cookies are NOT enabled so colour selection is not persistent.

Back to main homepage

Back to intro page