Prendre rendez-vous
Colors
$blue
Txt = .text-blue
BG = .bg-blue
#79A2D2
Txt = .text-blue
BG = .bg-blue
#79A2D2
$red
Txt = .text-red
BG = .bg-red
#EB4656
Txt = .text-red
BG = .bg-red
#EB4656
$orange
Txt = .text-orange
BG = .bg-orange
#F49857
Txt = .text-orange
BG = .bg-orange
#F49857
$green
Txt = .text-green
BG = .bg-green
#31B270
Txt = .text-green
BG = .bg-green
#31B270
Grid-gutter : 30px;
SASS
CLASS
Ratio
Pixel
map-get($spacers, 1)
.p-1 .m-1 .pl-1 .ml-1 etc...
1/4
8 px
map-get($spacers, 2)
.p-2 .m-2 .px-2 .ml-2 etc...
1/2
16 px
map-get($spacers, 3)
.p-3 .m-3 .pl-3 .ml-3 etc...
3/4
24 px
map-get($spacers, 4)
.p-4 .m-4 .pl-4 .ml-4 etc...
1
32 px
map-get($spacers, 5)
.p-5 .m-5 .pl-5 .ml-5 etc...
1 1/4
40 px
map-get($spacers, 6)
.p-6 .m-6 .pl-6 .ml-6 etc...
1 1/2
48 px
map-get($spacers, 7)
.p-7 .m-7 .pl-7 .ml-7 etc...
1 3/4
56 px
map-get($spacers, 8)
.p-8 .m-8 .pl-8 .ml-8 etc...
2
64 px
map-get($spacers, 9)
.p-9 .m-9 .pl-9 .ml-9 etc...
2 1/2
80 px
map-get($spacers, 10)
.p-10 .m-10 .pl-10 .ml-10 etc...
3
96 px
Heading
h1. Bootstrap heading
h2. Bootstrap heading
h3. Bootstrap heading
h4. Bootstrap heading
h5. Bootstrap heading
h6. Bootstrap heading
Display
Display 1
Display 2
Display 3
Display 4
Inline text elements
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
Table
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Colors
primary
secondary
success
danger
warning
info
light
dark
white
Button
Icons
icon-angle-bottom
icon-angle-left
icon-angle-right
icon-angle-top
icon-book
icon-close
icon-facebook
icon-link
icon-linkedin
icon-location
icon-pen
icon-phone
icon-plus
icon-reservation
icon-round-cash
icon-round-check
icon-round-pen
icon-round-percent
icon-round-play
icon-search
icon-strategy
icon-twitter
icon-youtube