bootstrap 4无法正确对齐文本

Question

在引导程序4中查看所有文档都无法使文本正确对齐，因此无法弄清楚。我尝试了包括这些在内的几个例子。

http://exactcontents.com处的样本

文本右对齐

文本右对齐

不对齐

Answer 1

该元素正确对齐。

问题是包含这些元素的<ul>的宽度不能填充所有可用空间。您可以添加边框来查看。

解决方案：

1. 将width: -webkit-fill-available;添加到.navbar-nav（这是<ul>）。
2. 删除重复的<p>之一。
3. 向其他<p>添加以下样式：

width: -webkit-fill-available;
text-align: right;

希望有帮助。

Answer 2

这样我就对了，如果这样的话，您尝试将菜单置于右侧是正确的。将您的菜单编辑为ml-auto而不是mr-auto

<ul class="navbar-nav ml-auto">

如果它是您的2

标签，我会将其从您的ul父级中删除，并将它们添加到div中，您可以使用ml-auto