| Button | Shortcode |
|---|---|
|
|
Large
|
| Separator | Shortcode |
|---|---|
|
|
|
|
|
|
Instead of making every icon an extra request, we’ve compiled them into a sprite—a bunch of images in one file that uses CSS to position the images with background-position. This is the same method we use on Twitter.com and it has worked well for us.
All icons classes are prefixed with .icon- for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.
Glyphicons has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.
Bootstrap uses an [i] tag for all icons, but they have no case class—only a shared prefix. To use, place the following code just about anywhere:
[i image="icon-search"][/i]
There are also styles available for inverted (white) icons, made ready with one extra class:
[i iamge="icon-search" style="icon-white"][/i]
There are 120 classes to choose from for your icons. Just add an [i] tag with the right classes and you’re set. You can find the full list in sprites.less or right here in this document.
Heads up!
When using beside strings of text, as in buttons or nav links, be sure to leave a space after the [i] tag for proper spacing.
Icons are great, but where would one use them? Here are a few ideas:
Essentially, anywhere you can put an [i] tag, you can put an icon.
| Labels | Markup |
|---|---|
| Default | Default |
| Success | Success |
| Warning | Warning |
| Important | Important |
| Info | Info |
| Inverse | Inverse |
Badges are small, simple components for displaying an indicator or count of some sort. They’re commonly found in email clients like Mail.app or on mobile apps for push notifications.
| Name | Example | Markup |
|---|---|---|
| Default | 1 |
1
|
| Success | 2 |
2
|
| Warning | 4 |
4
|
| Error | 6 |
6
|
| Info | 8 |
8
|
| Inverse | 10 |
10
|
Use the well as a simple effect on an element to give it an inset effect.
...
| Dropcaps | Markup |
|---|---|
| V alera is designed to help people of all skill levels designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex. |
L
orem ipsum… ] |
| V alera is designed to help people of all skill levels designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex. |
L
orem ipsum… ] |
| V alera is designed to help people of all skill levels designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex. |
L
orem ipsum… ] |
| V alera is designed to help people of all skill levels designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex. |
L
orem ipsum… ] |
| V alera is designed to help people of all skill levels designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex. |
L
orem ipsum… ] |
| Blockquote | Markup |
|---|---|
|
|
|
Valera is designed to help people of all skill levels designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex. |
|
|
Valera is designed to help people of all skill levels designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex. |
|
|
Valera is designed to help people of all skill levels designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex. |
|
|
Valera is designed to help people of all skill levels designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex. |
|
|
Valera is designed to help people of all skill levels designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex. |
|
|
Valera is designed to help people of all skill levels designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex. |
|
|
Valera is designed to help people of all skill levels designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex. |
|
|
Valera is designed to help people of all skill levels designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex. |
|
| Image | Shortcode |
|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
Télé Mag était aux Escaliers Gilles Grenier le 4 mars afin de faire une présentation de l’usine ainsi qu’un reportage sur les produits Kameleon et Vision. Vous pouvez visionner le reportage :
Vous pouvez aussi visionner le tout en ligne au http://tele-mag.tv/emission/habitat-mag/Escaliers-spa-entreposage-et-construction
- Mardi le 24 mars 2015 à 5 h ou à 17 h
- Mercredi le 25 mars 2015 à 14 h 30
- Jeudi le 26 mars à 8 h 30
Dans le but d’augmenter significativement la sécurité des travailleurs en chantier, Escaliers Gilles Grenier a mis au point un système d’escaliers de chantier modulaire permettant d’éliminer les échelles.
Il s’agit d’un système d’escalier conçu à l’aide de sections standard de 2, 3, 4 ou 5 marches adaptables à différentes hauteurs (maximum de 17 marches). Chaque section s’emboîte facilement. Une fois mis en place, les escaliers sont munis de garde-corps permettant le déplacement rapide et sécuritaire des travailleurs entre les différents étages.Escaliers Gilles Grenier peut maintenant contribuer à des projets LEED®
Auteur: kameleon Commentaires: 0 Date: 04 Avr 2013Depuis quelques années, l’innovation constante dans le marché de la construction durable ainsi que la demande grandissante de produits écologiques ont mené à la présence de plus en plus importante de la certification LEED® au Québec.
Soucieuse de se positionner en tant que manufacturier transparent et de fournir l’information adéquate dans le cadre de projets LEED®, l’équipe d’Escaliers Gilles Grenier a entrepris un processus d’évaluation en collaboration avec une tierce partie, Vertima inc, spécialiste de la certification LEED®. Toutes les informations LEED® pertinentes ont été recueillies auprès des fournisseurs d’Escaliers Gilles Grenier et les déclarations environnementales du produit Kaméléon ont été validées par Vertima inc. Une fiche technique LEED® ainsi que des lettres de conformité, dûment remplies, peuvent être fournies afin d’attester des conformités LEED® des escaliers Kaméléon. L’équipe d’Escaliers Gilles Grenier est fière de s’être positionné face au marché de la construction durable et d’être en mesure de participer au bon déroulement d’un projet LEED®.
Français