Buttons
-Various types of buttons. Using the base class .btn
Normal | -Large .btn-lg |
- Small .btn-sm |
- X-Small .btn-xs |
- Flat .btn-flat |
- Disabled .disabled |
-
---|---|---|---|---|---|
- - | -- - | -- - | -- - | -- - | -- - | -
- - | -- - | -- - | -- - | -- - | -- - | -
- - | -- - | -- - | -- - | -- - | -- - | -
- - | -- - | -- - | -- - | -- - | -- - | -
- - | -- - | -- - | -- - | -- - | -- - | -
- - | -- - | -- - | -- - | -- - | -- - | -
Block Buttons
-Horizontal Button Group
-
- Horizontal button groups are easy to create with bootstrap. Just add your buttons
- inside <div class="btn-group"></div>
-
Button | -Icons | -Flat | -Dropdown | -
---|---|---|---|
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
-
-
-
-
- |
-
Button Addon
-With dropdown
- -Normal
- -Flat
- -Split buttons
-Normal split buttons:
- -Flat split buttons:
- -Social Buttons (By Lipis) -
-- - -
Application Buttons
-Add the classes .btn.btn-app
to an <a>
tag to achieve the following:
Different colors
-Mix and match with various background colors. Use base class .btn
and add any available
- .bg-*
class
- - - - - -
- -- - - - - -
-Vertical Button Group
-
- Vertical button groups are easy to create with bootstrap. Just add your buttons
- inside <div class="btn-group-vertical"></div>
-
Button | -Icons | -Flat | -Dropdown | -
---|---|---|---|
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
- |
-
-
-
-
-
-
-
-
-
-
- |
-