如何在bootstrap的帮助下创建列的动态布局？

我想在twitter引导的帮助下制作一个动态的列布局。所有的黄色块的生成循环如何在bootstrap的帮助下创建列的动态布局？

例

<div class="container"> 

<div class="col-lg-4"> 
Sidebar 
</div> 
<div class="col-lg-8"> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
</div>

enter image description here

来源

2015-06-16 Ashish

你有没有尝试使用col-sm col-xs或col-md。你使用de class来进行桌面分辨率。你应该使用这三个类来做出响应式布局。阅读本页：http：//getbootstrap.com/css/#grid-options –

是的，我试过。但它并没有帮助我 – Ashish

你缺少行元素：

<div class="container"> 
    <div class="row"> 
    <div class="col-sm-3"> 
     Sidebar 
    </div> 
    <div class="col-sm-9"> 
     <div class="row"> 
     <div class="col-sm-4">1</div> 
     <div class="col-sm-4">2</div> 
     <div class="col-sm-4">3</div> 
     </div> 
     <div class="row"> 
     <div class="col-sm-4">4</div> 
     <div class="col-sm-4">5</div> 
     <div class="col-sm-4">6</div> 
     </div> 
    </div> 
    </div> 
    <div class="row"> 
    <div class="col-sm-3">7</div> 
    <div class="col-sm-3">8</div> 
    <div class="col-sm-3">9</div> 
    <div class="col-sm-3">10</div> 
    </div> 
</div>

看看at this demo bootply

来源

2015-06-16 18:44:19 Ted

感谢您的答复..但我想自动调整此布局。因为我没有固定数量的方形框。 – Ashish

@Ashish然后看看[在这个bootply，而不是]（http://www.bootply.com/37m4L318w2） – Ted

@泰迪...你真了不起...谢谢:) – Ashish

如何在bootstrap的帮助下创建列的动态布局？

回答

相关问题