Comment faire pour augmenter l'espacement entre les colonnes à l'aide de Bootstrap 3.0

Je suis relativement nouveau à la programmation et fais un site avec bootstrap 3.0.

Je veux faire deux lignes qui centre au milieu de la page. Pour la première ligne, j'ai utilisé div class="col-md-4 col-md-offset-2" et pour la deuxième ligne div class="col-md-4".

Ma première question est de savoir si c'est ok que cela ajoute jusqu'à 10 lignes au lieu de 12 ou si j'ai besoin de spécifier les 2 lignes sur le droit aussi? Si oui, comment cela peut-il être fait?

Aussi, j'aimerais augmenter l'espacement horizontal entre les colonnes. J'ai fait un peu de recherche sur ce et suis tombé sur un mixin mais son quittez difficile pour moi de saisir. Si quelqu'un ici peut me fournir un moyen simple d'augmenter l'espacement horizontal entre les deux colonnes, ce qui serait formidable.

Merci d'avance.

Donc un peu déroutant, mais on dirait que vous voulez de deux lignes au sein du centre de l'écran mais du rembourrage entre les lignes? Aussi, quand vous dites 'ligne' vous voulez dire colonnes cause col-md est pour les colonnes et pas de création de lignes!

OriginalL'auteur Stiño | 2014-07-01

  1. 5

    Question 1: Oui, c'est bien de laisser pendre espace après vos colonnes, mais de bonne pratique pour l'attacher par la fermeture de la .row après.

    Question 2: Vous pouvez ajouter une marge à gauche et à droite de la colonne. Mais qui jette hors du décalage de colonne, afin de contourner en mettant un vide .col-md-2 devant eux. 

    <div class="container">
  <div class="row">
   <div class="col-md-2"></div><!-- empty -->
    <div class="col-md-4 margin">col-md-4</div>
    <div class="col-md-4 margin">col-md-4</div>
  </div>
</div>

    CSS:

    .margin {
  margin-left:10px;
  margin-right:10px;
  }

    Démo: http://www.bootply.com/OS6FX9sie8#

    Aussi, vous remarquerez que dans mon démo, je l'ai mis de la classe personnalisée, dans un media-query. Si vous voulez que l'ajustement de marge de n'appliquer que sur grand écran des appareils, de sorte que les colonnes d'atteindre le bord de l'écran sur les téléphones.

    Merci Shawn, c'est exactement la solution à mon problème.
    super! d'habitude SOP est d'accepter (à vérifier) et, éventuellement, +1 à la réponse quand tout est bon:)

    OriginalL'auteur Shawn Taylor

  2. 9

    il semble que ce soit ce que vous voulez 

    <div class="container">
  <div class="row">
     <div class="col-md-4 col-md-offset-2">col-md-4-offset</div>   
      <div class="col-md-4">col-md-4</div>
   </div>
 </div>

    son parfaitement bien pour avoir de la colonne de ne pas ajouter jusqu'à 12

    ici est un bootply

    et si vous voulez étoffer vos lignes, juste ajouter un rembourrage pour .row classe, par défaut il n'y a pas de rembourrage ou des marges entre les lignes

    OriginalL'auteur nolawi petros