Learn about bootstraps button, button sizing, button coloring with reference - Bootstraps Tutorials

Types of Buttons

Button Styles




.btn btn-default


.btn btn-group

.btn btn-block


.btn btn-toolbar


.btn btn-link



.btn btn-danger


.btn btn-info


.btn btn-primary


.btn btn-success


.btn btn-warning

Button Sizing




.btn btn-lg


.btn


.btn btn-sm


.btn btn-xs

Button With Icons




<button class="btn btn-danger"><i class="fa fa-trash"></i> Delete</button>


<button class="btn btn-success"><i class="fa fa-success"></i> Success</button>



<button class="btn btn-warning"><i class="fa fa-warning"></i> Warning</button>


<button class="btn btn-info"><i class="fa fa-info"></i> Info</button>

Social Brand Button With Icons





Post a Comment