Question

我在这里找不到与我的问题有关的任何信息。我想知道如何使这些容器感觉“流畅”。我不知道该怎么做才能使这些容器之间的距离相等。

您可以看到，我目前所拥有的是，有时它在自己的行上，而其他时候它必须等到该行结束。

这是正文代码：

        <div class="container-fluid">
        <div class="page-header">
            <h1 style="color:white;"><b>Dashboard</b></h1>
        </div>
        <div class="col-sm-4"><iframe frameborder="0" style="width: 100%;" scrolling="no" onload="resizeIframe(this)" src="'.$link.'"></iframe></div>
        <div class="col-sm-4"><iframe frameborder="0" style="width: 100%;" scrolling="no" onload="resizeIframe(this)" src="'.$link.'"></iframe></div>
        <div class="col-sm-4"><iframe frameborder="0" style="width: 100%;" scrolling="no" onload="resizeIframe(this)" src="'.$link.'"></iframe></div>
    </div>

我的问题是：如何在不等待下一行填充的情况下使这种“流体”流动？

我希望这是有道理的。

Answer 1

砌体网格布局是解决您的问题的方法。请访问下面的链接并解决您的问题。让我知道您是否需要任何帮助。谢谢

Masonry Grid url

Answer 2

您想使用bootsrap中的“容器流体”之类的声音。

Bootstrap有一个名为“ container-fluid”的类，它填充一行。 100％宽度。

Boostrap grids

如何使容器变得“流体”

2 个答案:

Bootstrap有一个名为“ container-fluid”的类，它填充一行。 100％宽度。