web-dev-qa-db-fra.com

Placer des colonnes à l'intérieur bootstrap modal

J'essaie d'obtenir un modèle Bootstrap pour avoir plusieurs colonnes à l'intérieur, mais il ne semble pas fonctionner avec 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">&times;</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 éléments qui ont résolu ce problème avec Bootstrap 2, mais ils ne fonctionnent pas avec Bootstrap 3. J'ai également essayé de changer les 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?

twitter-bootstrapmodal-dialogtwitter-bootstrap-3
23
Duncan Ogle

Il n'y a pas row-md-* dans Bootstrap, mais col-md-* 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>

http://www.bootply.com/130819

51
Zim