Question

我完全不知道正确的用语，所以如果它错了，我可以道歉但是可以引导流畅吗？我的意思是我可以总共让6个列设置为每列4列，所有高度都不同。一旦第一行已满并向下移动，它们需要堆叠，尽管它们都具有不同的高度。我一直在玩耍，试图完成这个，但我无法做到。请注意Code My UI它们是如何不同的高度，但无论高度如何仍然堆叠在一起？我在完成这个问题时遇到了问题。

以下是使用bootstrap的基本测试：

<div class="container">
    <div class="row">
        <div class="col-md-4" style="background:red;">asdasdadsadasdadadasd</div>
        <div class="col-md-4" style="background:blue;">sadasdad
            <br>sdadasdfasd
            <br>sddasdaddf</div>
        <div class="col-md-4" style="background:green;">dsgfsdfsdfsdfsdfsdfsdf</div>
        <div class="col-md-4" style="background:red;">asdasdadsadasdadadasd</div>
        <div class="col-md-4" style="background:blue;">sadasdad
            <br>sdaddf</div>
        <div class="col-md-4" style="background:green;">dsgfsdfsdfsdfsdfsdfsdf</div>
    </div>
</div>

哪个产生： http://www.bootply.com/barrzbteUg

可以使用bootstrap生成诸如Code My UI上的设置吗？

Answer 1

如评论中所述，请看一下 cssdeck.com/css-only-pinterest-style-columns-layout和bragthemes.com/demo/pinstrap

或在SO相关帖子Is it possible to create a pinterest-like layout with Bootstrap only?

Bootstrap及其流动性

1 个答案: