我有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/