Bootstrap Expand Btn

Provide expanding buttons for Bootstrap 3.

Usage

• Include bootstrap-expand-btn.css
• Add a glyph inside your button
• Set your button text
• Add .btn-expand on your button

Examples

Basic :

<button class="btn btn-default btn-expend"><i class="glyphicon glyphicon-star"></i> Default button</button>

Colors :

<button class="btn btn-primary btn-expend"><i class="glyphicon glyphicon-star"></i> Primary button</button>
<button class="btn btn-success btn-expend"><i class="glyphicon glyphicon-star"></i> Success button</button>
<button class="btn btn-info btn-expend"><i class="glyphicon glyphicon-star"></i> Info button</button>
<button class="btn btn-warning btn-expend"><i class="glyphicon glyphicon-star"></i> Warning button</button>
<button class="btn btn-danger btn-expend"><i class="glyphicon glyphicon-star"></i> Danger button</button>
<button class="btn btn-link btn-expend"><i class="glyphicon glyphicon-star"></i> Link button</button>

Sizes :

<button class="btn btn-xs btn-primary btn-expend"><i class="glyphicon glyphicon-star"></i> Extra small button</button>
<button class="btn btn-sm btn-primary btn-expend"><i class="glyphicon glyphicon-star"></i> Small button</button>
<button class="btn btn-primary btn-expend"><i class="glyphicon glyphicon-star"></i> Default button</button>
<button class="btn btn-lg btn-primary btn-expend"><i class="glyphicon glyphicon-star"></i> Large button</button>