A collection of useful components to spice up the web.
We provide some examples of icons for you to kick off and get started. For the complete documentation check Font Awesome.
Furatto plays well with Font Awesome, to integrate it you just need to add the font-awesome.css file.
It is really easy to start using icons, just add the icon- prefix and the icon name you want to display as in icon-user.
| Label variation | Markup |
|---|---|
| Default | <span class="label">Default</span> |
| Primary | <span class="label label-primary">Primary</span> |
| Success | <span class="label label-success">Success</span> |
| Danger | <span class="label label-danger">Danger</span> |
| Warning | <span class="label label-warning">Warning</span> |
| Inverse | <span class="label label-inverse">Inverse</span> |
| Info | <span class="label label-info">Info</span> |
| Funky | <span class="label label-funky">Funky</span> |
| Badge variation | Markup |
|---|---|
| 1 | <span class="badge">1</span> |
| 2 | <span class="badge badge-primary">2</span> |
| 3 | <span class="badge badge-success">3</span> |
| 4 | <span class="badge badge-danger">4</span> |
| 5 | <span class="badge badge-warning">5</span> |
| 6 | <span class="badge badge-inverse">6</span> |
| 7 | <span class="badge badge-info">7</span> |
| 8 | <span class="badge badge-funky">8</span> |
Wrap any text and an optional close button and one of the modifier class names. The default alert is a notice message with a light orange as background.