如何减小背景色的宽度，使其在引导时不扩展整个列的宽度，而仅近似于文本的长度？
作为参考，我在与文本相同的标记中有颜色和边框半径等背景属性
这就是我现在所拥有的
而不是添加背景色，到列，将背景色添加到文本本身，然后您可以添加空白。
例如:
<div class="col">
<p class="text-primary">.text-primary</p>
</div>
您必须使用具有预定义display:inline的元素，如，或者将display:inline或display:inline-block添加到现有元素，例如:
null
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<div class="col">
<p class="bg-primary text-white" style="display: inline-block">January 2020 - March 2020</p>
</div>
一种方法是添加一个span并将您的背景颜色添加到span类中。
<p class="myTag">
<span class="highlight">hello</span>
</p>
而您的css将是
.highlight{
background-color: blue;
}
或者您可以简单地更改p-tag类的显示样式，如下所示:
<p class="myTag">hello</p>
而您的css将是
.myTag{
background-color: blue;
display: inline-block;
}
