我有一个非常简单的Bootstrap网格，看起来像这样：
(here用红色框起的空格应省略）
我想构建一个网格，它将从右向左填充，而不填充整个父容器（因此相应地，没有列应该被拉伸）。
我该怎么做？
这是Grid源代码：
<div class="row">
<div class="col">
<p class="mb-0 fw-bold">xx xx xxxx</p>
<p class="text-secondary">Employee Range</p>
</div>
<div class="col">
<p class="mb-0 fw-bold ">xxxx</p>
<p class="text-secondary">Rechtsform</p>
</div>
<div class="col">
<p class="mb-0 fw-bold" >xxx-xxx.xxx.x xxxx</p>
<p class="text-secondary">xxx.-xx</p>
</div>
<div class="col">
<p class="mb-0 fw-bold" >xx-xxx.x.xxx.xxx-x</p>
<p class="text-secondary">Handelsregister-Nummer</p>
</div>
</div>
1条答案
按热度按时间nhaq1z211#
尝试在所有列div上使用
col-auto，它将采用内容的宽度（在本例中为文本）。它可能仍然占据整个容器，最后一个col被拉伸，在这种情况下，只需移除col类，默认情况下div与其内容一样大（如果它不应该为一些css，你有其他地方，只是添加width: auto）但我建议你去与col-auto或你失去了bs内置的响应。对于文本对齐，如果您的意思是从右向左填充，请改为将类
text-right添加到每个列div。