Question

我正在尝试在导航栏中对齐一个段落元素。正如我所建议的那样，我正在应用 .navbar-right 类，但它没有效果。

Answer 1

只需将文本右侧类添加到<p>元素。

Answer 2

<p class="text-right"></p>

Answer 3

使用段落标记<p></p>并将保证金更改为margin: 0 10px 0 0;

代表

<p class="navbar-text navbar-right text-right paddingRight" style="margin: 0 10px 0 0;">Right Align Here</p>

<强>更新对于不同的屏幕尺寸，您的CSS文件中有 @media 标签。在你的情况下，我在navebar.less和bootstrap.css中看到一些请查看bootstrap.min.css上的line 5。你可以看到：

@media (min-width: 768px)
.navbar-header {
    float: left; // change this to right
}

第一个解决方案： 如果您想在所有页面中使用此选项，请将浮动更改为右侧。

第二个解决方案： 如果您希望仅针对您正在使用的页面进行此更改，请将此样式添加为内联css。例如：

<div class="navbar-header" style="float: right!important;">

   <p class="navbar-text navbar-right text-right paddingRight" style="margin: 0 10px 0 0;">Right Align Here</p>

</div>

Answer 4

试试这个

<div class="navbar-header navbar-right">
  <p class="navbar-text">Right Align Here</p>
</div>

右键在导航栏Bootstrap中对齐<p>

4 个答案: