帶離子的Bootstrap 3x3網格

Question

我製作的離子3由3甚至網格適合屏幕而不水平和垂直滾動。我想使用bootstrap的div類。

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-xs-4"><img src="/img/pic.jpg></div> 
     <div class="col-xs-4"><img src="/img/pic.jpg></div> 
     <div class="col-xs-4"><img src="/img/pic.jpg></div> 
    </div> 
</div> 

我可以將列分成三部分。我不知道如何控制行？我只想要3行。

Answer 1

col-xs僅適用於超小型屏幕（< 768px）。 您可以在此處詳細瞭解網格選項：http://getbootstrap.com/css/#grid-options

您可以簡單地改變你的DIV類爲「COL-LG-4」，你會好的，我認爲，如果你的屏幕比1200像素大。

有很多方法來控制這些div。

1. .container流體.row DIV
2. .COL-XS-4
3. 您可以添加其他類，如 「mydiv」，你將能夠在.mydiv CSS選擇器來控制它。

有很多更多的方式來控制這些div，所以做了一些研究，閱讀引導的網站，你會很好:)