Guide des styles
Titre de niveau 1 (4 / 2.5rem)Titre de niveau 2 (2.5 / 2rem)Titre de niveau 3 (2 / 1.8rem)
Pour une bordure sur un côté seulement, ajouter la -[direction].
Exemples ci-dessous.
Pour connaitre les bordures disponibles, voir le chapitre couleur
Conteneur xs
.xs-ctnConteneur small
.small-ctnConteneur medium
.medium-ctn
Examples:
p-2 = padding de 1rem sur tous les côtés
p-2 pt-2 = padding de 1rem au-dessus
p-2 p-md-3 = padding de 1rem sur tous les côtés jusqu'au breakpoint md, puis padding de 1.5rem
| Value | REM | Pixels |
|---|---|---|
| 0 | 0 | 0 |
| 1 | 0.5 | 5 |
| 2 | 1 | 10 |
| 3 | 1.5 | 15 |
| 4 | 2 | 20 |
| 5 | 3 | 30 |
| 6 | 4 | 40 |
| 7 | 5 | 50 |
| 8 | 6 | 60 |
| 9 | 8 | 80 |
| 10 | 12 | 120 |
Ajouter ou extend la classe .overflow-mobile pour que les blocs type réassurance scroll en mobile
| Classe | Propriété |
|---|---|
| .d-inline-block | display: inline-block |
| .d-block | display: block |
| .d-inline | display: inline |
| .position-relative | position: relative |
| .position-absolute | position: absolute |
| .underline | text-decoration: underline; |
| .text-right | text-align: right; |
| .text-left | text-align: left; |
| .text-center | text-align: center; |
| .barre | text-decoration: line-through; |
| .upper | text-transform: uppercase; |
| .cover | background-size: cover; |
| .no-repeat | background-repeat: no-repeat; |
| .fh | height: 100% |
| .fw | width: 100% |
| .nw | white-space: nowrap; |
| .img-responsive | max-width: 100% |
| .fix-ht-img | font-size: 0; line-height: 0; |
Doc bootstrap 3 : https://getbootstrap.com/docs/3.3/components/#alerts
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Doc bootstrap 3 : https://getbootstrap.com/docs/3.3/components/#panels
Mon header
Mon contenu
Mon header
Mon contenu
paragraph - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac blandit ex. Sed quis sollicitudin nibh, a laoreet ligula. Nulla posuere eget felis eu bibendum. Integer eget ullamcorper odio. Donec vestibulum, lectus eu pellentesque dapibus, sem nisi porttitor tellus, a venenatis justo elit volutpat risus. Nunc vitae enim ultricies, congue est at, porta sapien. Donec ut luctus justo. Nulla at sodales eros. Aenean in libero erat. Duis nec imperdiet arcu. Vestibulum eu quam sit amet metus malesuada semper. Mauris sagittis nisi quis orci dictum, id scelerisque augue accumsan.
citation - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac blandit ex. Sed quis sollicitudin nibh, a laoreet ligula.strong em
| th | th | th |
|---|---|---|
| td | td | td |
| td | td | td |
titre h1
titre h2
titre h3
titre h4
paragraph - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac blandit ex. Sed quis sollicitudin nibh, a laoreet ligula. Nulla posuere eget felis eu bibendum. Integer eget ullamcorper odio. Donec vestibulum, lectus eu pellentesque dapibus, sem nisi porttitor tellus, a venenatis justo elit volutpat risus. Nunc vitae enim ultricies, congue est at, porta sapien. Donec ut luctus justo. Nulla at sodales eros. Aenean in libero erat. Duis nec imperdiet arcu. Vestibulum eu quam sit amet metus malesuada semper. Mauris sagittis nisi quis orci dictum, id scelerisque augue accumsan.
- élément de liste 1
- élément de liste 2
- élément de liste 3
- élément de liste ol 1
- élément de liste ol 2
- élément de liste ol 3
citation - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac blandit ex. Sed quis sollicitudin nibh, a laoreet ligula.
strong
em
th
th
th
td
td
td
td
td
td