Bootstrap col 高度等于行高答案

【问题标题】：Bootstrap col height equals to row heightBootstrap col 高度等于行高
【发布时间】：2018-12-22 01:49:59
【问题描述】：

我很想避免在 Bootstrap 中 col 高度与行高相等。这是脚本：

<div class="row justify-content-center text-center">
   <div class="col-sm-3"></div>
   <div class="col-sm-9"></div>
</div>

col-sm-9 列的内容比 col-sm-3 多，所以它的高度比 col-sm-3 的大。但是 col-sm-3 的高度随着 col-sm-9 的增加而增加。如何避免它并根据内容设置自动高度。

谢谢。

【问题讨论】：

【解决方案1】：

Paulie_d 在 cmets 中回答。

<div class="row align-items-start"></div>

谢谢

【讨论】：

我正在使用 react-bootstrap，当我执行上述操作时，它使 col 宽度无响应。做<Row style = {{alignItems:"flex-start"}}> 对我有用。