Question

我正在使用bootstrap并且在我的第一行中我有2个侧面包含图片和其他div但是图像尺寸大于左侧div所以我的第2行div来自图片之后。但我的要求是在第一行div下方制作第二行div？ Picture here

Answer 1

你应该分开像：

这样的街区

<div class="overall-container">
   <div class="left-block" style="width: 30%;">
      // add your navigation blocks here
   </div>
   <div class="right-block" style="width: 70%;">
      //add page content here
   </div>
</div>

Answer 2

<div class="container"> // Container for two side contents
 <div class ="row"> // single row
     <div class ="Row1"> 
        // Your's Row1 code goes here
     </div>
     <div class="Row2">
       // Your's Row2 code goes here
     </div>
 </div>
</div>

<div class="container"> // Container for main contents(gallery and big image)
  ...
</div>

Answer 3

在你的第一行再做一行。

<div class="container">
<div class="row">
<div class="col-md-4">
<div class="row">
<div class="col-md-12"></div>
</div>
</div>
<div class="col-md-8"></div>
</div>
</div>

如何调整row1下方row2的div，如图所示

3 个答案: