Components and widgets
Bootstrap buttons
| Class name | Info | Example |
|---|---|---|
| btn btn-default | Default button | Boomerang |
| btn btn-primary | Primary button | Boomerang |
| btn btn-success | Bordered button with the second main template color | Boomerang |
| btn btn-info | Bordered button with a dark color | Boomerang |
| btn btn-warning | Bordered button with a light color | Boomerang |
| btn btn-danger | Bordered button with a light color | Boomerang |
| btn btn-link | Bordered button with a light color | Boomerang |
| btn btn-lg btn-primary | Large bordered button with the main template color | Boomerang |
| btn btn-sm btn-warning | Small bordered button with second main template color | Boomerang |
| btn btn-xs btn-info | Extra small bordered button with a dark color | Boomerang |
| btn btn-block btn-b-base | Make the button full width | Boomerang |
<button type="button" class="btn btn-default">Button Default</button> <button type="button" class="btn btn-primary">Button Primary</button> <button type="button" class="btn btn-success">Button Success</button> <button type="button" class="btn btn-info">Button Info</button> <button type="button" class="btn btn-warning">Button Warning</button> <button type="button" class="btn btn-danger">Button Danger</button> <button type="button" class="btn btn-link">Button Link</button>