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