Buttons Styles
- Category: Typography
- Written by Super User
- Hits: 44512
This page present demo content with red buttons, green buttons and all kinds of buttons!
Orange Buttons
Red Buttons
Pink Buttons
Mint Buttons
Blue Buttons
White/Black Buttons - Template Default
Gray Buttons
Black Buttons
Usage
White Color - default
<a href="#" class="button big">Big Rectangle</a> <a href="#" class="button bigrounded">Rounded</a> <a href="#" class="button medium">Medium</a> <a href="#" class="button">Default</a> <a href="#" class="button small">Small</a> <input class="button" value="Input Element" type="button"> <span class="button">Span</span>
Orange Color Example - for other colors just find & replace color name
<a href="#" class="button orange big">Big Rectangle</a> <a href="#" class="button orange bigrounded">Rounded</a> <a href="#" class="button orange medium">Medium</a> <a href="#" class="button orange">Default</a> <a href="#" class="button orange small">Small</a> <input class="button orange" value="Input Element" type="button"> <span class="button orange">Span</span>
Dropup buttons
Code
Sample Code for success button
<div class="btn-group"><button class="btn btn-success dropdown-toggle" data-toggle="dropdown">Success </button> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div>