Bootstrap:clearfix不起作用,并且具有多行的相同高度

时间:2016-05-15 10:22:02

标签: javascript jquery html css twitter-bootstrap

(抱歉我的英语不好)

我试图在Boostrap上做一个团队页面。我有2个问题。

以下是 Bootply http://www.bootply.com/xkMGZqW9hh

1)我想为元素做同样的高度。我尝试了这3个解决方案:How can I make Bootstrap columns all the same height?和这个:https://github.com/liabru/jquery-match-height但是没有一个能够很好地运行...负边距不允许将边框置于底部并且我需要它:/和其他解决方案只将所有元素放在一行中!

2)在我的本地项目中,浮动元素是......很奇怪。但是在Bootply上工作正常!我不明白......我复制并粘贴了我的代码O_O 我试图将元素集中在" Admin"并将第二行的元素对齐到左边...但我不知道我有多少元素;)(MySQL)

这是我的问题屏幕: floating problem

我真的不明白为什么在Bootply上它起作用"很好"但是居中......

我想做的事情:

result expected

谢谢你< 3

2 个答案:

答案 0 :(得分:1)

我找到了解决方案。正如FrontMonkey所说,我使用flex来对齐列,但我不得不添加一些选项。

Bootply http://www.bootply.com/bUHfF33c59

答案 1 :(得分:0)

使用css3 flex来对齐列。 http://the-echoplex.net/flexyboxes/