-
Explication des classes et le balisage
.container
Div est une largeur qui permet aux configurations d'avoir un fond qui s'étend sur toute la largeur du navigateur. Elle contient en outre rembourrage 20px de chaque côté pour maintenir le contenu à partir des bords lorsqu'elle devient fluide. Vous pouvez simplement utiliser un grand récipient, ou utiliser plusieurs pour diviser la page horizontalement.
.row
Est une rangée de colonnes. Il les centre et définit l'1140px max-width.
. onecol,. twocol,. threecol,. fourcol,. fivecol,. sixcol,. sevencol,. eightcol,. ninecol,. tencol,. elevencol,. twelvecol
Les classes pour chaque colonne. Ils peuvent être utilisés dans n'importe quelle combinaison dans une ligne qui s'élève à douze ou moins.last
La dernière colonne dans une rangée doit également cette classe. Il enlève la marge de droite pour toutes les colonnes s'inscrivent dans la ligne.The markup
<div class="container">
<div class="row">
<div class="threecol">
<p>Column 1</p>
</div>
<div class="threecol">
<p>Column 2</p>
</div>
<div class="threecol">
<p>Column 3</p>
</div>
<div class="threecol last">
<p>Column 4</p>
</div>
</div>
</div>
Tags : div, class, threecol, colonne, column
-
Commentaires
Si une image est plus petite que la colonne elle est contenue dans, il apparaît à sa taille originale. Si elle est plus grande, alors qu'elle se réduit à la largeur de la colonne. Ne pas définir la hauteur et la largeur de ligne d'images, il va briser les proportions si elles sont revus à la baisse.
Ajouter un commentaire
Pourquoi colonnes 12?
Divise en douze colonnes de même deux, trois, quatre ou six.
Ou dans de nombreuses combinaisons inégales comme sept et cinq ans ou cinq, quatre, trois.
Le dernier exemple est aussi simple que de trois divs avec les classes. Fivecol,. Fourcol et. Threecol