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

Responsive Visibility

Show or hide elements based on the browser screenwidth.

Extra small devices Portrait phones
(<544px)
Small devices Landscape phones
(>= 544px - <768px)
Medium devices Tablets
(>= 768px - <992px)
Large devices Desktops
(>= 992px - <1200px)
Extra large devices Desktops
(>= 1200px)
.hidden-xs-down Hidden Visible Visible Visible Visible
.hidden-sm-down Hidden Hidden Visible Visible Visible
.hidden-md-down Hidden Hidden Hidden Visible Visible
.hidden-lg-down Hidden Hidden Hidden Hidden Visible
.hidden-xl-down Hidden Hidden Hidden Hidden Hidden
.hidden-xs-up Hidden Hidden Hidden Hidden Hidden
.hidden-sm-up Visible Hidden Hidden Hidden Hidden
.hidden-md-up Visible Visible Hidden Hidden Hidden
.hidden-lg-up Visible Visible Visible Hidden Hidden
.hidden-xl-up Visible Visible Visible Visible Hidden

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-block , .d-inline , or .d-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.