2014-04-17 23 views
22

Sto cercando di ottenere un modello Bootstrap per avere più colonne al suo interno, tuttavia non sembra funzionare con il mio contenuto visualizzato in verticale anziché in colonne. Il mio codice è qui:Inserimento di colonne all'interno del modal bootstrap

<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> 

ho trovato un paio di cose in giro che hanno risolto questo problema con Bootstrap 2, ma non lavoro con Bootstrap 3. Ho anche provato a cambiare il row-md-6-sm, xs ecc., ma senza fortuna. È possibile farlo in Bootstrap 3? Le colonne sarebbero la cosa più ideale per me, ma dovrei evitare le colonne tutte insieme?

risposta

43

Non c'è row-md-* in Bootstrap, ma col-md-* dovrebbe funzionare ..

<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

+1

Arghhh! Sono un idiota! Grazie ahaha, pensa che sia sempre bello far sì che un'altra persona guardi il codice come sempre ti manca. –

+1

Anche io scrivo questo codice di base per il mio modello, sto ottenendo due colonne allineate verticalmente anziché schema orizzontale. C'è qualche motivo comune per questo? – SophisticatedUndoing