2014-04-17 19 views
22

İçinde birden çok sütun bulunması için bir Bootstrap modeli almaya çalışıyorum, ancak içeriğimle çalışmıyormuş gibi görünmüyor. Kodum burada:Önyükleme modalının içine sütun yerleştirme

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

, xs Ben Bootstrap 2 ile bu sorunu çözmüş etrafında bir kaç şey buldum ama ben de row-md-6-sm değişen denedim Bootstrap 3. çalışmaz vb, ama hayır şans. Bootstrap 3'te yapmak mümkün mü? Sütüm benim için en ideal şey olurdu, ama hep birlikte sütunlardan kaçınmalı mıyım? Bootstrap hiçbir row-md-* yoktur

cevap

43

ancak col-md-* çalışması gerekir ..

<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! Ben bir aptalım! Teşekkürler haha, her zaman bir şeyleri özledikçe başka bir kişiye kodun üzerinden bakması için iyi olduğunu düşünün. –

+1

Model için bu temel kodu bile yazdığımda, yatay şema yerine dikey olarak iki sütun hizalarım var. Bunun için genel bir neden var mı? – SophisticatedUndoing

İlgili konular