Use "title-h1" for h1 styles
Use "title-h2" for h2 styles
Use "title-h3" for h3 styles
Use "title-h1" together with contextual color classes, like "text-secondary"
Contextual color class "text-muted"
Contextual color class "text-primary"
Contextual color class "text-success"
Contextual color class "text-info"
Contextual color class "text-warning"
Contextual color class "text-danger"
Left aligned text on viewports sized XS (small) or wider.
Left aligned text on viewports sized SM (medium) or wider.
Left aligned text on viewports sized MD (large) or wider.
Left aligned text on viewports sized LG (extra-large) or wider.
Center aligned text on viewports sized XS (small) or wider.
Center aligned text on viewports sized SM (medium) or wider.
Center aligned text on viewports sized MD (large) or wider.
Center aligned text on viewports sized LG (extra-large) or wider.
Right aligned text on viewports sized XS (small) or wider.
Right aligned text on viewports sized SM (medium) or wider.
Right aligned text on viewports sized MD (large) or wider.
Right aligned text on viewports sized LG (extra-large) or wider.
Make images responsive by adding the class "img-responsive"
Or give them cool formating with "img-rounded", "img-circle" or "img-thumbnail"
How about some grids?
Note: only SM grid available
Or some fancy tables?
| # | Column heading | Column heading | Column heading |
|---|---|---|---|
| 1 | Column content | Column content | Column content |
| 2 | Column content | Column content | Column content |
| 3 | Column content | Column content | Column content |
| 4 | Column content | Column content | Column content |
| 5 | Column content | Column content | Column content |
| 6 | Column content | Column content | Column content |
| 7 | Column content | Column content | Column content |
| 8 | Column content | Column content | Column content |
| 9 | Column content | Column content | Column content |
Show content based on width of screen
Phones (<768px)
Tablets (≥768px)
Small Desktops (≥992px)
Large Desktops (≥1200px)