Question

我正在使用bootstrap 3 css代码。我使用col-md-4作为块，但我需要的是（分页）必须始终是这个块的底部。（块的数量改变）我厌倦了在col-md-12中使用它但它仍然在页。我怎么能在这些街区的底部展示分页？

   <div class="body-content">

   <div class="row">

  <div class="col-md-9 main-content">

  <div class="col-md-4"></div>
  <div class="col-md-4"></div>
  <div class="col-md-4"></div>
  <div class="col-md-4"></div>
  <div class="col-md-4"></div>
  <ul class="pagination"></ul>
  </div>

 <div class="col-md-3 sidebar"> </div>


 </div>

 </div>

Answer 1

使用嵌套（http://getbootstrap.com/css/#grid-nesting）：

<div class="body-content">

<div class="row">

    <div class="col-md-9 main-content">
    <h2>content</h2>
        <div class="row">
          <div class="col-md-4">1</div>
          <div class="col-md-4">2</div>
          <div class="col-md-4">3</div>
          <div class="col-md-4">4</div>
          <div class="col-md-4">5</div>
        </div>
      <ul class="pagination"><li>p1</li></ul>
    </div>  

    <div class="col-md-3 sidebar">Sidebar</div>

</div>
</div>

我如何用bootstrap做到这一点

1 个答案: