我正在构建一个表单，我有一行，我需要水平和垂直居中，但我还需要将第一列的文本右对齐（第一列包含必须出现在输入左侧的标签）。下面是代码：
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-md-3 text-right">
<label for="numberOfPeople">Number of people</label>
</div>
<div class="col-md-7">
<div class="p-inputgroup">
<p-inputNumber inputId="numberOfPeople" [(ngModel)]="numberOfPeople"> </p-inputNumber>
</div>
</div>
</div>
</div>我的问题是第一列的文本一直居中。我尝试过将.text-right类放在标签上，甚至用p标记替换标签，但没有成功。我已经很多年没有使用bootstrap了，我想使用它的语义类来实现这一点，但我很挣扎。你知道吗？
1条答案
按热度按时间eufgjt7s1#
您使用的Bootstrap是什么版本的？Bootstrap v5“重命名了几个实用程序，以使用逻辑属性名称而不是方向名称。”因此，在使用v5时，您希望使用类
text-end而不是text-right。