« Bootstrap 5 » : différence entre les versions
De Banane Atomic
Aller à la navigationAller à la recherche
Aucun résumé des modifications |
|||
| Ligne 2 : | Ligne 2 : | ||
[[Category:Javascript]] | [[Category:Javascript]] | ||
= Utilities = | = Utilities = | ||
== [https://getbootstrap.com/docs/4.1/utilities/spacing Margin / Padding] == | |||
{| class="wikitable wtp wtmono1 wtmono2" | |||
! classe | |||
! Description | |||
|- | |||
| mt-0 || margin-top: 0 !important | |||
|- | |||
| mx-auto || margin-right: auto !important<br>margin-left: auto !important | |||
|- | |||
| p-3 || padding: $spacer !important | |||
|} | |||
{{info |1= Values from 0 to 5<br> | |||
{{boxx|1= 1=0.25rem}} {{boxx|1= 2=0.5rem}} {{boxx|1= 3=1rem}} {{boxx|1= 4=1.5rem}} {{boxx|1= 5=3rem}}<br> | |||
$spacer = 1rem, rem = root em = font-size defined in <html>}} | |||
{| class="wikitable wtp wtmono1" | |||
|+ Sides | |||
! Side | |||
! Description | |||
|- | |||
| t || top | |||
|- | |||
| b || bottom | |||
|- | |||
| s || start (left in LTR) | |||
|- | |||
| e || end (right in LTR) | |||
|- | |||
| x || left and right | |||
|- | |||
| y || top and bottom | |||
|} | |||
== [https://getbootstrap.com/docs/5.0/utilities/text Text] == | == [https://getbootstrap.com/docs/5.0/utilities/text Text] == | ||
{| class="wikitable wtp wtmono1" | {| class="wikitable wtp wtmono1" | ||
Version du 15 mai 2021 à 19:24
Utilities
Margin / Padding
| classe | Description |
|---|---|
| mt-0 | margin-top: 0 !important |
| mx-auto | margin-right: auto !important margin-left: auto !important |
| p-3 | padding: $spacer !important |
 |
Values from 0 to 5 1=0.25rem 2=0.5rem 3=1rem 4=1.5rem 5=3rem |
| Side | Description |
|---|---|
| t | top |
| b | bottom |
| s | start (left in LTR) |
| e | end (right in LTR) |
| x | left and right |
| y | top and bottom |
Text
| classe | Description |
|---|---|
| text-center | centrer aligned text |
| text-end | end (right) aligned text |
| text-uppercase | uppercased text |
| fw-bold | bold text |
Components
Collapse
|
<a data-bs-toggle="collapse" href="#filter" role="button" aria-expanded="false" aria-controls="filter">
<i class="fa fa-filter"></i>
</a>
<div class="collapse" id="filter">
</div>
|
