Bootstrap Columns ne fonctionne pas
Ne peuvent pas comprendre pourquoi les colonnes ne sont pas structurés avec ce code HTML:
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="col-md-4">
<a href="">About</a>
</div>
<div class="col-md-4">
<img src="image.png">
</div>
<div class="col-md-4">
<a href="#myModal1" data-toggle="modal">SHARE</a>
</div>
</div>
</div>
</div>
source d'informationauteur Matt
Vous devez vous connecter pour publier un commentaire.
Essayez ceci:
DÉMO
Vous avez besoin de nid à l'intérieur des colonnes à l'intérieur d'une ligne plutôt que de simplement une autre colonne. Il compense le rembourrage causée par la colonne avec des marges négatives.
Un moyen plus simple serait
Votre Nidification DIV structure est manquant, vous devez ajouter un autre ".ligne" div lors de la création de divs imbriqués dans le bootstrap :
Voici le Code:
Consulter le Bootstrap exemple la description de la même chose:
http://getbootstrap.com/css/
De nidification colonnes
Pour nest votre contenu avec la grille par défaut, ajouter un nouveau .ligne et jeu de .col-sm-* colonnes à l'intérieur d'un .col-sm-* la colonne. Imbriqués les lignes doit inclure un ensemble de colonnes à ajouter jusqu'à 12 ou moins (il n'est pas nécessaire que vous utilisez toutes les 12 colonnes disponibles).
Ici, c'est le travail de Violon de votre code: http://jsfiddle.net/52j6avkb/1/embedded/result/
Alors que ce n'est pas l'adresse de l'OP question, j'ai eu du mal avec mon bootstrap lignes /colonnes, tandis que d'essayer de les utiliser en conjonction avec le Kendo ListView (même avec le bootstrap de kendo css).
Ajouter le code css suivant résolu le problème pour moi:
Avez-vous vérifié que ces classes sont présentes dans le CSS?
Êtes-vous en utilisant twitter bootstrap-gem rails?
Il utilise toujours Bootstrap 2.X version et ceux qui sont Bootstrap 3.X catégories. La grille CSS changé depuis.
Vous pouvez passer à la bootstrap3 de la branche du gem https://github.com/seyhunak/twitter-bootstrap-rails/tree/bootstrap3 ou inclure de bootstrap d'une autre manière.