我有3列使用boostrap的列,每列的某些文本内容甚至都不是高度,问题是我希望按钮在每一列的底部彼此水平对齐。

创建另一个boostrap .row使其对齐是很容易的,但是这没有响应,一旦屏幕宽度缩小,这3列将移入垂直列表,并且所有按钮都将在3列之后。

我在这里有一些示例代码:

http://www.bootply.com/rA0yeogpQc#

因此,由于响应,按钮必须位于内容容器内。

我尝试了几种不同的方法,但似乎我的解决方案不适用于boostrap或有响应问题,希望找到适合所有人的解决方案!

谢谢!

最佳答案

在示例中使用了col-md-4类,这意味着如果您将屏幕缩小到中等屏幕尺寸以上,例如iPad或平板电脑,它将开始响应。

为了确保它不会启动响应行为,您应该使用col-xs-4而不是col-md-4,它只有在特别小的屏幕尺寸下才会启动响应。手机屏幕

我也纠正了你的代码

http://www.bootply.com/Cww3x84W62

希望这对您有效。

关于html - 引导垂直对齐按钮,但不响应,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25589756/

10-12 00:05
查看更多