如何对齐引导网格 [英] How to align bootstrap grids

问题描述

我试图创建一个twitter网格，我有一些网格跨度比其他更高的高度，在网格的每一行，跨度被下推。我想做的是让项目出现在项目之下。我拍了一张屏幕截图，看起来像什么，我有photoshopped我想怎么样。

I am trying to create a twitter grid, I have some grid spans that have a larger height then others and on each row of the grid the spans are pushed down. What I would like to do is have the items to appear under the over items. I have taken a screen shot of what it looks like and I have photoshopped how i would like it. Screenshots below.

以下是原始

这里是拍摄的照片

推荐答案

Bootstrap网格对齐/高度问题有3种方法。

There are 3 overall approaches to Bootstrap grid alignment / height issues..

像这样的CSS方法。

http： //bootply.com/85737

一个'clearfix'方法就是这样（需要每x列迭代一次）..

A 'clearfix' approach like this this (requires iteration every x columns)..

http://bootply.com/89910

最后，您可能需要使用Isotope / Masonry插件。这是一个使用Isotope + Bootstrap的工作示例。

Finally you may want to use the Isotope/Masonry plugin. Here is a working example that uses Isotope + Bootstrap..

http： //bootply.com/61482

这篇关于如何对齐引导网格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！