[RAILS] [Bootstrap] Résumé de la classe de base

Aperçu

Récemment, je crée une façade avec Bootstrap. Voici un résumé des cours que j'ai utilisés jusqu'à présent comme mémoire pour moi-même.

référence Bootstrap (ver. 4.5) : https://getbootstrap.jp/


point d'arrêt


Disposition

container


row


col


bouton

btn


btn-primary


padding, margin p, m


direction


Taille

Voici des exemples typiques présentés dans la Référence officielle de Bootstrap .

.mt-0 {
  margin-top: 0 !important;
}

.ml-1 {
  margin-left: ($spacer * .25) !important;
}

.px-2 {
  padding-left: ($spacer * .5) !important;
  padding-right: ($spacer * .5) !important;
}

.p-3 {
  padding: $spacer !important;
}

En passant, si vous ajoutez **! Important, vous pouvez appliquer le style quel que soit l'ordre de lecture des fichiers CSS **.


Couleur


Recommended Posts

[Bootstrap] Résumé de la classe de base
Résumé de la classe Java Math
Résumé des fonctions de base d'ImageJ
Résumé
[Java] Résumé personnel des instructions conditionnelles (basique)
[Notation EMMET] Résumé de la notation Guy Emmet basique et fréquemment utilisé
[Java] Méthode d'instance, champ d'instance, méthode de classe, champ de classe, résumé du constructeur