Bootstrap 5

De Banane Atomic
Aller à la navigationAller à la recherche

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

$spacer = 1rem, rem = root em = font-size defined in <html>
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

Text

classe Description
text-center centrer aligned text
text-end end (right) aligned text
text-uppercase uppercased text
fw-bold bold text

Components

Collapse

Html.svg
<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>

Migrating to v5