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 | +
---|---|---|---|
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ |
+