.btn .btn-default |
|
.btn .btn-primary |
|
.btn .btn-success |
|
.btn .btn-danger |
|
.btn .btn-warning |
|
.btn .btn-info |
|
.btn .btn-inverse |
|
.btn .btn-link |
|
.btn .disabled |
Link |
.btn .btn-xs .btn-default |
|
.btn .btn-sm .btn-default |
|
.btn .btn-lg .btn-default |
|
.btn .btn-xs .btn-success |
|
.btn .btn-sm .btn-success |
|
.btn .btn-lg .btn-success |
Use buttons inside a div with .btn-group
class to create a group
Add the extra .btn-group-vertical
class for a vertical group
Use any button within a .btn-group
and the proper dropdown menu markup to trigger it.
Combine sets of divs with .btn-group
classes inside a div with .btn-toolbar
class to create a toolbar! Remember that you can use any icon, color or size you want!
<ul>
lists. Just add the right class and the list will be formatted accordingly!.nav
.nav-tabs
.nav
.nav-pills
.nav
.nav-pills
.nav-stacked
<ol>
list with the class .breadcrumb
becomes a breadcrumb<ul>
with .pagination
classAdd an extra class for different sizes .pagination-lg
.pagination-sm
Wrap it in a div
element and add the class .text-center
or .text-right
to align it!
.loader-01 |
.loader-07 |
||
.loader-02 |
.loader-08 |
||
.loader-03 |
.loader-09 |
||
.loader-04 |
.loader-10 |
||
.loader-05 |
.loader-11 |
||
.loader-06 |
.loader-12 |
.fa-spin
to any icon!.fa .fa-spin .fa-asterisk |
|
.fa .fa-spin .fa-spinner |
|
.fa .fa-spin .fa-spinner .fa-2x |
|
.fa .fa-spin .fa-spinner .fa-4x |