Il y a une grille responsive de 12 colonnes.
Ajoutez un ensemble de .row (lignes) dans votre div .container (conteneur), et mettez un ensemble de .span[1..12] (colonnes) dans vos lignes.
Exemple :
.span1
.span1
.span1
.span1
.span1
.span1
.span1
.span1
.span1
.span2
.span2
.span2
.span2
.span1
.span3
.span3
.span3
Colonnes imbriquées
Vous pouvez imbriquer votre contenu avec la grille par défaut. Ajoutez simplement une nouvelle .row (ligne) et un ensemble de .span* (colonnes) dans votre .span* (colonne) déjà existante.
Les lignes imbriquées devraient inclure un ensemble de colonnes de la taille de la colonne parente.
Vous pouvez définir des images et des vidéos comme ayant une largeur maximale. Peut importe la résolution de l'écran, ils occuperont la largeur maximale de leur élément parent.
Conteneurs de largeur maximale
Si vous voulez ajouter un ensemble de lignes qui prennent toute la largeur de la page, insérez-les dans une div avec la classe .container-full-width au lieu de l'habituel .container.
Images de largeur maximale
Pour des images responsive, utilisez la classe .img-full-width directement sur l'image.
Exemples :
Vidéos de largeur maximale
Pour des vidéos responsive, utilisez la classe .video-full-width sur une div parente.
Tous les titres HTML, de <h1> à <h6> sont disponibles.
Exemple :
h1. Titre 1
h2. Titre 2
h3. Titre 3
h4. Titre 4
h5. Titre 5
h6. Titre 6
Gras & Italique
Vous pouvez utiliser les balises strong et em.
Classes d'alignement
Vous pouvez utiliser class="align-left", class="align-center" et class="align-right" pour aligner votre contenu (respectivement à gauche, au centre et à droite).
Citations
Des blocs de citation sont disponible pour mettre en forme des citations dans vos documents.
Bloc de citation par défaut
Englobez votre citation des balises <blockquote>. Pour une citation accompagnée d'une barre verticale, ajoutez un <p>.
Utilisez les classes suivantes pour ajouter un effet rapide et positionner vos éléments : .align-left, .align-center, .align-right, .rounded, .circle, .shadow, .oval, .square et .polaroid.