如何在引导程序中按列而不是行对齐

Question

我一直在寻找如何使用网格系统以这种方式对齐我的网站时遇到很多麻烦，并且在搜索时无法找到任何有关此问题的问题。

我基本上希望我的网站布局像this，但是当使用Bootstrap的网格系统时：

<div class="row">
    <div class="col s3">
        ....
    </div>
    <div class="col s9">
        ....
    </div>
</div>

如果第二列中的任何内容超出第一列，则会将整个页面向下移动。有任何想法吗？我不希望第二列高度受第一列设置的边界限制。

Answer 1

Bootstrap不提供此功能。您可以使用Masonry.js实现此效果。看看这个jQuery插件。应该这样做。

http://masonry.desandro.com/

文档记录清晰，易于实施。祝你好运！