Html div IN col采用全宽（引导4）

我有以下代码：

<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的宽度，所以它不应该只是文本的宽度吗？

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

如果需要宽度默认与内容相关的内联元素，请使用

，或者在

上设置

显示：内联
，因为
元素默认具有
显示：块
，这意味着其宽度为100%，高度为自动（自动=内部任何对象的大小）