Question

我正在制作适合屏幕的Ionic 3 x 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仅适用于超小屏幕（＆lt; 768px）。您可以在此处阅读有关网格选项的更多信息：http://getbootstrap.com/css/#grid-options

您可以简单地将div类更改为＆＃34; col-lg-4＆＃34;如果您的屏幕大于1200像素，我认为你会很好。

有很多方法可以控制这些div。

.container-fluid .row div
.COL-XS-4
你可以添加另一个类，如＆＃34; mydiv＆＃34;并且您将能够使用CSS中的.mydiv选择器来控制它。

有很多方法可以控制这些div，所以做一些研究，阅读bootstrap网站，你会很好：）

带有离子的Bootstrap 3x3网格

1 个答案: