Bootstrap d-inline-flex 保持高度不变

如果您想在使用 Bootstrap 的 `d-inline-flex` 类时保持元素的高度不变，您可以使用 `align-items-center` 类来垂直居中元素，然后设置 `flex-shrink-0` 类来防止元素在宽度不足时缩小：

<div class="d-inline-flex align-items-center flex-shrink-0">
  <span>这里是内容</span>
</div>

这样，即使内容的长度发生变化，该元素的高度也会保持不变。

相关问题

Bootstrap 3 d-inline-flex 列高变小了

在 Bootstrap 3 中，`d-inline-flex` 类是不存在的。不过，Bootstrap 3 中有一个类似的类叫做 `display: inline-flex`。如果您在使用 `display: inline-flex` 时出现列高变小的问题，这可能是因为您的元素没有设置高度。

在使用 `display: inline-flex` 时，元素的高度可能会受到其内容的影响。如果您想保持元素的高度不变，可以考虑为其添加一个固定的高度或者使用 `align-items` 属性来控制元素的垂直对齐方式。

例如：

<div style="display: inline-flex; height: 50px; align-items: center;">
  <span>这里是内容</span>
</div>

这样，即使内容的长度发生变化，该元素的高度也会保持不变。