Đặt cột bên trong bootstrap modal

Question

Tôi đang cố gắng để có được một mô hình Bootstrap có nhiều cột bên trong nó, tuy nhiên nó dường như không làm việc với nội dung của tôi xuất hiện theo chiều dọc trái ngược với trong cột. Mã của tôi là ở đây:

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

Tôi đã tìm thấy một vài điều xung quanh mà giải quyết vấn đề này với Bootstrap 2, nhưng họ không làm việc với Bootstrap 3. Tôi cũng đã cố gắng thay đổi row-md-6-sm, xs v.v. nhưng không may mắn. Có thể làm điều đó trong Bootstrap 3? Cột sẽ là điều lý tưởng nhất đối với tôi, nhưng tôi có nên tránh tất cả các cột cùng nhau không?

Answer 1

Không có row-md-* trong Bootstrap, nhưng col-md-* nên làm việc ..

<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