Please wait...

Color options
Index variants
Components

Button

Button default
<a href="#" class="btn btn-default">Button default</a/>
<a href="#" class="btn btn-primary">Button primary</a/>
<a href="#" class="btn btn-info">Button info</a/>
<a href="#" class="btn btn-danger">Button danger</a/>
<a href="#" class="btn btn-warning">Button warning</a/>
<a href="#" class="btn btn-success">Button success</a/>					
Button rounded
<a href="#" class="btn btn-default btn-rounded">Button default</a/>
<a href="#" class="btn btn-primary btn-rounded">Button primary</a/>
<a href="#" class="btn btn-info btn-rounded">Button info</a/>
<a href="#" class="btn btn-danger btn-rounded">Button danger</a/>
<a href="#" class="btn btn-warning btn-rounded">Button warning</a/>
<a href="#" class="btn btn-success btn-rounded">Button success</a/>					
Bordered default
<a href="#" class="btn btn-default btn-bordered">Button default</a/>
<a href="#" class="btn btn-primary btn-bordered">Button primary</a/>
<a href="#" class="btn btn-info btn-bordered">Button info</a/>
<a href="#" class="btn btn-danger btn-bordered">Button danger</a/>
<a href="#" class="btn btn-warning btn-bordered">Button warning</a/>
<a href="#" class="btn btn-success btn-bordered">Button success</a/>					
Bordered rounded
<a href="#" class="btn btn-default btn-bordered btn-rounded">Button default</a/>
<a href="#" class="btn btn-primary btn-bordered btn-rounded">Button primary</a/>
<a href="#" class="btn btn-info btn-bordered btn-rounded">Button info</a/>
<a href="#" class="btn btn-danger btn-bordered btn-rounded">Button danger</a/>
<a href="#" class="btn btn-warning btn-bordered btn-rounded">Button warning</a/>
<a href="#" class="btn btn-success btn-bordered btn-rounded">Button success</a/>					
Button size
	<a href="#" class="btn btn-primary btn-sm">Button primary</a/>
	<a href="#" class="btn btn-primary">Button default</a/>
	<a href="#" class="btn btn-primary btn-lg">Button large</a/>
	<a href="#" class="btn btn-primary btn-rounded btn-sm">Button primary</a/>
	<a href="#" class="btn btn-primary btn-rounded">Button default</a/>
	<a href="#" class="btn btn-primary btn-rounded btn-lg">Button large</a/>	
	<a href="#" class="btn btn-primary btn-bordered btn-sm">Button primary</a/>
	<a href="#" class="btn btn-primary btn-bordered">Button default</a/>
	<a href="#" class="btn btn-primary btn-bordered btn-lg">Button large</a/>	
	<a href="#" class="btn btn-primary btn-bordered btn-rounded btn-sm">Button primary</a/>
	<a href="#" class="btn btn-primary btn-bordered btn-rounded">Button default</a/>
	<a href="#" class="btn btn-primary btn-bordered btn-rounded btn-lg">Button large</a/>