本文介绍了如何对齐引导网格的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我试图创建一个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方法。

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

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

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

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

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

08-31 01:00