Rembourrage contenu à l'intérieur de la colonne de la grille de mise en page
Je suis en utilisant le Zurb Foundation framework pour construire le front-end (http://foundation.zurb.com/docs/grid.php) et j'ai créé ma structure de base de l'amende, pas de problèmes.
Ce que je me demandais comment pour ajouter le contenu à l'intérieur des colonnes? Tout le contenu est aligné sur le côté gauche, comme vous vous attendez, mais je ne peux pas voir un moyen de créer un rembourrage sans la personnalisation de la présentation de la grille de balisage, ou la création d'un grand nombre de papiers partout.
Par exemple, le balisage
<div class="container">
<div class="row">
<div class="eight columns customise-the-grid">
<p>My main content</p>
<ul><li>My item</li></ul>
<!-- other various content -->
</div>
<div class="four columns">
<div class="or-create-a-wrapper">
<p>My main content</p>
<ul><li>My item</li></ul>
<!-- other various content -->
</div>
</div>
</div>
</div>
Un peu de css pour illustrer
.customise-the-grid{
padding: 10px;
}
.or-create-a-wrapper{
padding: 10px;
}
Vous voulez changer le rembourrage sans ajouter un peu de CSS? Je ne comprends pas je pense.
OriginalL'auteur David Yell | 2011-12-01
Vous devez vous connecter pour publier un commentaire.
Oui, cela a toujours été le problème avec des systèmes de Grille et de la non-liquide de dessins. Ne pas se moquer d'eux, cependant, ils ont vraiment leurs avantages contre des fluides de dessins, mais ils sont difficiles à travailler avec.
Ce que je voudrais faire est de fixer une marge sur l'élément à l'intérieur de l'élément que vous désirez rembourrage. Si cela fait sens.
OU
OriginalL'auteur Sean H Jenkins
pourquoi ne pas ajouter le remplissage ou de la marge pour les éléments d'enfant? quelque chose comme
OriginalL'auteur ptriek
Vous pouvez créer un wrapper avec un rembourrage sur le parent
column
.Ici est un violon :
https://jsfiddle.net/mantisse_fr/40cgg84u/
OriginalL'auteur Mantisse