Bootstrap网格左右对齐,间距正确,因此新线不会太早发生

时间:2015-08-13 13:35:21

标签: jquery html twitter-bootstrap

我试图在一行上获得两个单独的水平按钮条,以适应不同的窗口大小,但我在获取我想要的行为方面遇到了一些麻烦。

基本上,一个表格确实正确地进行了格式化,因为你可以有两个单元格,设置一个对齐,只要有一条线上有足够的空间,一切都很好。
但是,只要宽度太小,按钮就会在单元格中组合在一起。我更喜欢将它们发送到新线路的引导方式。

引导方式的缺点是,它似乎不支持动态宽度,所以你会注意到我的右对齐的东西在它们到达左对齐的东西之前发送到底部。我想要两全其美,所以它会像桌子一样行动,然后发送到新的一行。

这是否可以使用bootstrap?我已经读过,显然你不能做动态宽度,虽然这看起来应该是相当标准的。

An example here(顶部的引导程序,底部的表格,我在PHP中完成了网站,所以对html缺少的换行符表示道歉(如果您希望构建该代码,我会排序)它出来给你),但你知道我在追求什么。

1 个答案:

答案 0 :(得分:2)

bootstrap中有一个类

.pull-left // which will arrange content in left
同样

.pull-right // which will arrange content in right
  

点击此处 Fiddle