Written with Sass
86 items
For Bootstrap
What's new in 0.2
New name
+
9 new buttons
Inversed version
Updated documentation
{{brand.name}}
Different sizes
| Size | Example |
|---|---|
| .btn-xs | |
| .btn-sm | |
| default | |
| .btn-lg | |
| .btn-block |
Different uses
| Use | Example |
|---|---|
| Only icon | |
| Plain | |
| With icon | |
| Any content | |
| Inversed |
With Font Awesome
Install and usage
- Install:
npm install bootstrap-brand-buttons -
Include
dist/brand-buttons.min.cssto your file:<link rel="stylesheet" src="dist/brand-buttons.min.css"> -
Use as Bootstrap button:
<button class="btn btn-facebook">Facebook</button>or<a href="" class="btn btn-facebook">Facebook</a> -
For inversed version you need include
brand-buttons-inversed.min.cssand use as.btn-{brand}-inversed
Development version
-
Clone repository
git clone https://github.com/evgenyrodionov/bootstrap-brand-buttons.git -
Install Grunt.js and CoffeeScript (globally):
npm install -g grunt-cli coffee-script -
Go to project
cd BrandButtons, install dev dependencies:npm install -
Run
grunt serveorgrunt build