H1 Heading

This is a big paragraph that goes above everything and doesn't say anything but does so with a lot of words and things. It's in a div with .intro-text.

H2 Heading

Normal <p> block. Note that paragraphs by default carry some extra vertical whitespace; if you need to keep things more dense, use a div.

H3 Heading

.note shrinks the text for a minor note that is meant to be parenthetical.

H4 Heading

You can use a block in a .well to quote blocks of text, provide server responses, etc.

Tables

Note that the .btn-xs class is nice for fitting buttons into tables like below, but that this interface is not ideal for phone-based users. For staff-facing intranet apps that are expected to be accessed from a desktop, though, they can really work!

Example table
TH Cell TH Cell   Action Button
Row 1 Cell 1 Row 1 cell 2
Row 2 Cell 1
Row 3 Cell 1 Row 3 Cell 2

AJAX Indicators

Loading


getAjaxLoadImage()


setAjaxLoadDiv();

Saving


getAjaxSavedIcon();


getAjaxSaveFailedIcon();

Status


getAjaxStatusSuccessIcon();


getAjaxStatusFailedIcon();

Alerts & Confirmations

© 2016