La base en Bootstrap

Ajouter une classe à une balise

<p class="text-center">
    ...
</p>

Ajouter plusieurs classes à une balise

Ajouter un esapce entre chaque.

<p class="text-center fs-md fg-primary">
    ...
</p>

Voici des liens rapides vers la documentation Bootstrap, par sujets.

Couleurs

• Couleurs de texte : https://getbootstrap.com/docs/6.0/utilities/colors/#colors
• Couleurs de fond : https://getbootstrap.com/docs/6.0/utilities/background/
• Transparence sur couleur de fond : https://getbootstrap.com/docs/6.0/utilities/background/#opacity

Polices et textes

• Tailles de police : https://getbootstrap.com/docs/6.0/utilities/font-size/
• Italique : https://getbootstrap.com/docs/6.0/utilities/font-style/
• Gras : https://getbootstrap.com/docs/6.0/utilities/font-weight/
• Alignement de text (début, centré ou fin) : https://getbootstrap.com/docs/6.0/utilities/text-alignment/
• Souligné : https://getbootstrap.com/docs/6.0/utilities/text-decoration/

Espacement et tailles

• Largeurs : https://getbootstrap.com/docs/6.0/utilities/width/
• Hauteurs: https://getbootstrap.com/docs/6.0/utilities/height/
• Marges extérieures (margin): https://getbootstrap.com/docs/6.0/utilities/margin/
• Marges intérieures (padding): https://getbootstrap.com/docs/6.0/utilities/padding/

Flexbox

• Flex, direction et wrap : https://getbootstrap.com/docs/6.0/utilities/flex/
• Justify content : https://getbootstrap.com/docs/6.0/utilities/justify-content/
• Align items : https://getbootstrap.com/docs/6.0/utilities/align-items/
• Align self : https://getbootstrap.com/docs/6.0/utilities/align-self/

Modes d'affichage

• Display: https://getbootstrap.com/docs/6.0/utilities/display/
• Position: https://getbootstrap.com/docs/6.0/utilities/position/

Bordures et coins arrondis

• Afficher une bordure : https://getbootstrap.com/docs/6.0/utilities/border/
• Couleur de bordure : https://getbootstrap.com/docs/6.0/utilities/border-color/
• Coins arrondis : https://getbootstrap.com/docs/6.0/utilities/border-radius/

Boutons

• Classes de boutons : https://getbootstrap.com/docs/6.0/components/button/#variants