html - col 内的 div 采用全宽（引导程序 4）

Question

我有以下代码：

<div class="row justify-content-md-center">
   <div class="col-lg-6 col-md-8">
      <div style="background-color: #1b6d85">test</div>
   </div>
</div>

带有文本“test”的 div 使用 col 内的全宽。所以整个cols背景是#1b6d85。但为什么？我没有声明这个 div 的宽度，所以它不应该只是文本的宽度吗？

标签： htmlcssbootstrap-4

Answer 1

<div>是一个块元素，因此默认情况下它将使用所有可用的宽度

如果<span>您想要一个默认情况下宽度与内容相关的内联display:inline元素或将<div>