如何在引导程序中获得流畅的多列布局? [英] How to obtain a fluid multi columns layout in bootstrap?

问题描述

我连续有两个帖子，但如果帖子的高度不同，两个垂直帖子之间有一个空间，我该如何删除这个空间?(我想获得像 google plus 多列这样的布局)

现在的代码是这样的:

<div class="row-fluid"><div class="col-md-6">这里的其他事情</div><div class="col-md-6">这里的其他事情</div>
<div class="row-fluid">……

解决方案

你不能只用 CSS 创建它，如评论中指定的你可以使用这个插件:

http://masonry.desandro.com/

I have two posts in a row but if the height of the posts is different there's a space between the two vertical post, How can I remove this space? (I want obtaining a layout like google plus multi columns)

The code is like this now:

<div class="container-fluid">
  <div class="row-fluid">
    <div class="col-md-6"> other things here </div>
    <div class="col-md-6"> other things here </div>
  </div>
<div class="row-fluid">
... ...

解决方案

You can't create it only with CSS, as specified in comments you can use this plugin:

http://masonry.desandro.com/

这篇关于如何在引导程序中获得流畅的多列布局?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！