Placer les colonnes à l'intérieur de bootstrap modal
j'essaie de faire en sorte qu'un modèle Bootstrap comporte plusieurs colonnes à l'intérieur, mais il ne semble pas fonctionner lorsque mon contenu apparaît verticalement par opposition à dans les colonnes. Mon code est ici:
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Modal</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="row-md-6">
Left
</div>
<div class="row-md-6">
Right
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
j'ai trouvé quelques choses autour qui ont résolu ce problème avec Bootstrap 2, mais ils ne fonctionnent pas avec Bootstrap 3. J'ai aussi essayé de changer le row-md-6
sm
, xs
etc, mais pas de chance. Est-il possible de le faire dans Bootstrap 3? Les colonnes seraient la chose la plus idéale pour moi, mais devrais-je éviter les colonnes toutes ensemble?
23
demandé sur
Zim
2014-04-17 17:39:38
1 réponses
Il n'y a pas de row-md-*
dans le Bootstrap, mais col-md-*
ça devrait marcher..
<div class="modal-body">
<div class="row">
<div class="col-md-6">
Left
</div>
<div class="col-md-6">
Right
</div>
</div>
</div>
46
répondu
Zim
2014-04-17 13:44:29