Provide expanding buttons for Bootstrap 3
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE Initial commit Mar 17, 2014
README.md Fix #1 Jul 7, 2015
bootstrap-expand-btn.css Fix #1 Jul 7, 2015
bower.json Add Bower May 10, 2016
expand-btn.gif Add GIF Mar 17, 2014

README.md

Bootstrap Expand Btn

Provide expanding buttons for Bootstrap 3.

Bootstrap Expand Btn

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-expand"><i class="glyphicon glyphicon-star"></i> Default button</button>

Colors :

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

Sizes :

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

Legals

Donations

Buy me a coffee !