| Button | Mini size | Small size | Default size | Large size | Block level |
|---|---|---|---|---|---|
| Primary | |||||
| Secondary | |||||
| Info | |||||
| Success | |||||
| Warning | |||||
| Danger |
| Button | Mini size | Small size | Default size | Large size | Block level |
|---|---|---|---|---|---|
| Primary | |||||
| Secondary | |||||
| Info | |||||
| Success | |||||
| Warning | |||||
| Danger |
| Button | Mini size | Small size | Default size | Large size | Block level | |
|---|---|---|---|---|---|---|
| Primary |
|
|||||
| Secondary |
|
|||||
| Info |
|
|||||
| Success |
|
|||||
| Warning |
|
|||||
| Danger |
|
<button type="button" class="btn btn-primary">Primary</button>
<a class="btn btn-primary"><i class="icon icon-magic left"></i> Left</a>
<button type="button" class="btn btn-primary btn-lg btn-block">Large button</button>
<button type="button" class="btn btn-primary btn-sm">Small button</button>
<button type="button" class="btn btn-primary btn-lg btn-block btn-block">Block level button</button>
<a class="btn-fab btn-fab-md shadow btn-primary"><i class="icon icon-bolt"></i></a>