Quelles classes y a-t-il en bootstrap ?

Quelles classes existe-t-il dans bootstrap ?

Classes de style couramment utilisées dans BootStrap

Options de grille

ligne : ligne

col-- : colonne (la première peut être xs[extra small]/sm[small]/ md [Medium]/lg[Large] ; le second doit être [nombre de colonnes] compris entre 12)

col--offset- : décalage de colonne (le premier est le même que ci-dessus, la deuxième plage est de 1 ~ 11, signifie ajouter une colonne à la marge gauche (marge-gauche) de la colonne)

col--- : tri des colonnes (la première est la même que ci-dessus, la seconde peut être push[ right]/pull[ vers la gauche], la troisième plage est de 1 à 11 [nombre de colonnes])

Composition

petit : sous-titre en ligne

lead : copie du corps de démarrage

texte- : style de texte (peut être à gauche[aligné à gauche]/centre[aligné au centre]/droite[aligné à droite]/muet[texte affaibli]

/primary/success /info/warning/danger

/justify[retour à la ligne automatique]/nowrap[pas de retour à la ligne]

/lowercase[minuscule]/uppercase[majuscule]/ capitalize[capitaliser la première lettre]

)

list-inline : La liste est placée sur la même ligne

Table

table : style de base, uniquement ligne de séparation horizontale

table- : style de table (*peut être triplé[ajouter des rayures]/bordé[ajouter des bordures]/survoler[activer le survol]/condensé[plus compact])

tr/th/td : par active/success/info/warning/danger pour changer la couleur d'arrière-plan

table-responsive : placez n'importe quelle table à l'intérieur de table-responsive pour implémenter une table réactive

Formulaire

Étapes pour créer un formulaire de base (formulaire vertical)

Ajouter role="form" à l'élément parent

Mettez le label et le contrôle dans une classe avec la classe .form-group, cela est nécessaire pour obtenir le meilleur espacement

Recommandations associées : "tutoriel bootstrap"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!