带 Ionic 的 Bootstrap 3x3 网格

【问题标题】：Bootstrap 3x3 grid with Ionic带 Ionic 的 Bootstrap 3x3 网格
【发布时间】：2016-05-10 17:18:20
【问题描述】：

我正在制作适合屏幕的 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 行。

【问题讨论】：

标签： javascript html css ionic-framework angular-ui-bootstrap

【解决方案1】：

col-xs 仅适用于超小屏幕 (http://getbootstrap.com/css/#grid-options

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

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

.container-fluid .row div
.col-xs-4
您可以添加另一个类，如“mydiv”，您将能够使用 CSS 中的 .mydiv 选择器对其进行控制。

有很多方法可以控制这些 div，所以做一些研究，阅读引导网站，你会很好:)

【讨论】：