引导弹性问题

【问题标题】：Bootstrap flex issue引导弹性问题
【发布时间】：2022-11-02 18:26:02
【问题描述】：

 <div className="row d-flex">
          <div>
            <h3>Duration</h3>
          </div>
          <div>
            <h3>Distance</h3>
          </div>
          <div>
            <h3>Back to Center</h3>
          </div>
        </div>

d-flex 不工作，而其他引导类工作正常。我希望它在这些 h3 的水平线上

【问题讨论】：

标签： bootstrap-4 flexbox

【解决方案1】：

<div class="d-flex">
    <div class="col-md-4">
        <h3>Duration</h3>
    </div>
    <div class="col-md-4">
        <h3>Distance</h3>
    </div>
    <div class="col-md-4">
        <h3>Back to Center</h3>
    </div>
</div>

希望这可以帮助

【讨论】：