Как я могу сделать это с bootstrap

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>