Bootstrap helpers

Text scale

.text-sm, .text-lg, .text-2x, .text-3x, .text-4x, .text-5x, .text-6x, .text-7x, .text-8x, .text-9x, .text-10x, .text-15x, .text-20x

Links

unstyled block

.link-unstyled .link-block

Remove

.no-padding, .no-margin, .no-side-margin

.no-border, .no-border-top, .no-border-right, .no-border-bottom, .no-border-left

.no-border-radius, .no-border-top-radius, .no-border-right-radius, .no-border-bottom-radius, .no-border-left-radius

Align

aligned (glyphicon.text-inline)

.vertical-align, .align-vertical, .relative-center, .absolute-center, .text-inline

Compact

Remove some margin / padding to make things more compact.

.form-condensed, .list-condensed

Icons

Material design icons ready. You just have to load font.

.mdi .mdi-{icon}

Surrounded

.surrounded .surrounded-square, .surrounded .surrounded-circle, .surrounded-2x ... 20x

Navbar buttons

.btn-assorted, .btn-transparent

Background images

.image-overlay Add an overlay so you can add a background image and apply filters on it.

.pixel-overlay Add an overlay with a 1 each 2 black pixel background.

Basic animations

.anim-spin, .anim-spin-slow, .anim-spin-slower

Cursor type

.clickable

Ad container

Add a responsive ad container that will show up to the left for horizontal screens, and at the bottom for vertical screens. Resize the window to see changes.

.ad_container

Scrollbar

@include scrollbars(.5em, $brand-primary, $gray-base);

Initialisation

bootstrapHelpers.init({});

• Show many logs (debug: true)
• Open the tab matching URL hashtag (useHash: true)
• Initialize tooltips (if the plugin is loaded)
• Display range value using tooltips
• Store / Restore the last active tab (if basil.js is installed)
• Store / Restore .btn-switch state. Work with button groups (if basil.js is installed)