In this section you will find mos used styles like: tabs, buttons, inputs, nav bars, tables and many more...
Button Group
-
Button Group
Button Group with drop down
Tabs
-
Default Tabs
Default Pills
Stacked Tabs
Stacked Pills
Default Nav List
Tabbable Tabs
I'm in Section 1.
Howdy, I'm in Section 2.
Tabbable Tabs Below
I'm in Section A.
Howdy, I'm in Section B.
What up girl, this is Section C.
Tabbable Tabs Left
I'm in Section A.
Howdy, I'm in Section B.
What up girl, this is Section C.
Tabbable Tabs Right
I'm in Section A.
Howdy, I'm in Section B.
What up girl, this is Section C.
Forms
-
Default Form
Default Form With Place holder
Nav Bar
Labels
-
Labels
Default Success Warning Important Info InverseBadges
1 2 4 6 8 10 Thumb Grids
-
Thumbnails Grids of images, videos, text, and more
-
Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
-
Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
-
Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
-
Progress Bar
-
Progress Bar
Table
-
Table
# First Name Last Name Username 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird @twitter Other Forms
-
Inline Form
Sample Form
Horizontal Form
Selects
-
Selects
Prepended inputs
-
Prepended and appended inputs
@.00Search with button
Inputs
-
Inputs
Inputs with warnings
Something may have gone wrongPlease correct the errorUsername is already takenWoohoo! Default Buttons
-
Buttons
Button class="" Description btnStandard gray button with gradient btn btn-primaryProvides extra visual weight and identifies the primary action in a set of buttons btn btn-infoUsed as an alternative to the default styles btn btn-successIndicates a successful or positive action btn btn-warningIndicates caution should be taken with this action btn btn-dangerIndicates a dangerous or potentially negative action btn btn-inverseAlternate dark gray button, not tied to a semantic action or use btn btn-linkDeemphasize a button by making it look like a link while maintaining button behavior
Link
