Provide expanding buttons for Bootstrap 3
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE
README.md
bootstrap-expand-btn.css
bower.json
expand-btn.gif

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 !