In this section you will find mos used styles like: tabs, buttons, inputs, nav bars, tables and many more...
Button Group
Button Group with drop down
Default Tabs
Default Pills
Stacked Tabs
Stacked Pills
Default Nav List
Tabbable Tabs
Tabbable Tabs Below
What up girl, this is Section C.
Tabbable Tabs Left
What up girl, this is Section C.
Tabbable Tabs Right
What up girl, this is Section C.
Default Form
Default Form With Place holder
Nav Bar
Labels
Default
Success
Warning
Important
Info
Inverse
Badges
1
2
4
6
8
10
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.
Action
-
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.
Action
-
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.
Action
Progress Bar
Table
| # |
First Name |
Last Name |
Username |
| 1 |
Mark |
Otto |
@mdo |
| 2 |
Jacob |
Thornton |
@fat |
| 3 |
Larry |
the Bird |
@twitter |
Inline Form
Sample Form
Horizontal Form
Selects
Prepended and appended inputs
@
.00
Search with button
Inputs
Inputs with warnings
Buttons
| Button |
class="" |
Description |
|
btn |
Standard gray button with gradient |
|
btn btn-primary |
Provides extra visual weight and identifies the primary action in a set of buttons |
|
btn btn-info |
Used as an alternative to the default styles |
|
btn btn-success |
Indicates a successful or positive action |
|
btn btn-warning |
Indicates caution should be taken with this action |
|
btn btn-danger |
Indicates a dangerous or potentially negative action |
|
btn btn-inverse |
Alternate dark gray button, not tied to a semantic action or use |
|
btn btn-link |
Deemphasize a button by making it look like a link while maintaining button behavior |
Link