我在看一个使用card-deck
和card
类(Pricing example)的 bootstrap 示例.我想知道,如果其中一个列表中的项目比其他列表中的项目少,如何修复按钮对齐.
我希望所有的按钮都垂直对齐(在每张卡片的底部),但我想不出一种方法来做到这一点.我try 设置.align-bottom
类,并将按钮包装为<div class="align-text-bottom">
.我还try 了this question about adding space中的几个建议,但仍然没有成功(间距也应该是可变的,这样就可以填满列表中的剩余空间).
包装在<div class="card-footer bg-white">
中也没有产生预期的结果,因为它没有对齐卡片底部的按钮,并且在它周围创建了某种边框.
有谁有主意吗?
Edit:这里是jsfiddle分,和这个问题类似.