Question

我有4个div，div 2非常冗长， div 1,3,4大小相等，我希望它们以紧凑的形式显示，但是它显示div2的全部内容然后只显示div3，它在第一行的所有内容之后将div 3显示为新行

    <div class ="row"> 
      <div class="col-xs-12"> //content 1 </div> 
      <div class="col-xs-12"> //content 2 </div> 
    </div> 
    <div class ="row"> 
      <div class="col-xs-12"> //content 3 </div> 
   </div> 
   <div class ="row"> 
     <div class="col-xs-12"> //content 4 </div> 
   </div>

请帮帮我

Answer 1

自己解决问题

col div中使用的行

<div class="row">
 <div class="col-xs-6">
  <div class="row">
    <div class="col-xs-12"></div>
    <div class="col-xs-12"></div>
  </div>
 </div>
 <div class="col-xs-6">
  <div class="row">
    <div class="col-xs-12"></div>
  </div>
 </div>
</div>

使用不同高度的列

1 个答案: