• 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 Tags : , , , ,
  • Commentaires

    1
    Mardi 23 Octobre 2012 à 21:21

    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

    2
    Mardi 23 Octobre 2012 à 21:24

    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.

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :