Css 如何在同一高度对齐不同列中的内容？

我需要将我的按钮对齐到相同的高度。我已经将列的高度更改为最长列493px的高度量。我只需要向下移动按钮，使其与最长列的高度相同

.col-sm-6.col-md-4.box{ 背景色：红色； 身高：493px； /*身高：100%*/ } 标题样本 示例文本。。。。。。。。。 标题样本 示例文本。。。。。。。。。 示例文本。。。。。。。。 标题样本 示例文本。。。。。。。。。 示例文本。。。。。。。。

---

也许这对你有用

.col-sm-6.col-md-4.boxes {
    background-color: red;
    height: auto;
}

---

我建议使用bootstrap内置类。无需设置绝对像素值。使用以下类别，柱将自动调整为较高的类别

为元素指定以下类别：

h-100将其高度设置为100%。 d-flex将其设置为显示：flex flex column可将其设置为flex direction:column

然后为面板主体指定类flex-grow-1，以便填充所有可用空间并按下页脚/按钮

然后，为了获得更好的样式，为.panel页脚提供一个边距底部，如mb-3

.col-sm-6.col-md-4.box{ 背景色：红色； 高度：493px；/*保留高度*/ /*身高：100%*/ } 标题样本 示例文本。。。。。。。。。 标题样本 示例文本。。。。。。。。。 示例文本。。。。。。。。 标题样本 示例文本。。。。。。。。。 示例文本。。。。。。。。

---

你真的应该发布一段你目前拥有的东西。刚刚意识到一些东西。。你在用Bootstrap3吗。面板已在4中删除并替换为。卡片此链接帮助了我是的，我正在使用引导3@CoolDog你的问题进展如何？是否固定？如果需要，可以添加属性“最小高度”或“最大高度”。