Ajout d'un espacement horizontal entre les divs dans Bootstrap 3
Je veux inclure un petit espace horizontal entre le "Parti de l'Équipe" et "Terrain de Baseball" divs, tel que présenté dans ce violon: http://jsfiddle.net/VmejS/. J'ai essayé de modifier le rembourrage, les marges, y compris décimal décalages de colonne, le tout sans succès.
Voici le code html:
<body>
<div class='container'>
<div class='row'>
<div class='col-md-12 panel' id='gameplay-title'>Title</div>
</div>
<div class='row'>
<div class='col-md-6 col-md-offset-3 panel' id='gameplay-scoreboard'>Scoreboard</div>
</div>
<div class='row'>
<div class='col-md-3 panel' id='gameplay-away-team'>Away Team</div>
<div class='col-md-6 panel' id='gameplay-baseball-field'>Baseball Field</div>
<div class='col-md-3 panel' id='gameplay-home-team'>Home Team</div>
</div>
<div class='row'>
<div class='col-md-6 col-md-offset-3 panel' id='gameplay-at-bat'>At Bat</div>
</div>
<div class='row'>
<div class='col-md-6 col-md-offset-3 panel' id='gameplay-game-report'>Game Report</div>
</div>
</div>
</body>
source d'informationauteur steve_gallagher | 2013-10-21
Vous devez vous connecter pour publier un commentaire.
La meilleure solution est de ne pas utiliser le même élément de la colonne et du panneau:
et un peu plus de styles:
Voulez-vous dire quelque chose de ce genre?
JSFiddle
Attribut utilisé:
De ce que je comprends, vous voulez faire une barre de navigation, ou quelque chose de similaire. Ce que je recommande de faire est de faire une liste et l'édition d'articles à partir de là.
Essaie juste de faire ceci;
Et ainsi de suite... Pour ajouter plusieurs catégories d'ajouter un autre ul. Maintenant, pour le CSS que vous avez juste besoin de cela,