Bootstrap d-inline-flex示例

以下是一个使用Bootstrap的d-inline-flex类名实现内联弹性盒子的示例：

<div class="d-inline-flex">
  <div class="bg-primary text-white p-3">Hello</div>
  <div class="bg-secondary text-white p-3">World</div>
</div>

在上述示例中，我们使用了d-inline-flex类名将<div>元素设置为内联弹性盒子。该元素包含了两个子元素，分别用于展示“Hello”和“World”文本。我们还使用了Bootstrap的颜色和间距类名，来美化这些元素的样式。

通过使用d-inline-flex类名，这些子元素将会在同一行内展示，并且可以根据父元素的宽度自适应调整位置和尺寸。这样可以实现一个简单的内联布局，适用于很多场景，例如导航菜单、卡片列表等。