Question

我设法使导航栏项目正确对齐，但是我真正想要的是将其对齐到整个页面的3/4。

Here是我要达到的最终结果的一个近似示例（请注意，导航栏并非完全跨过3/4，但是它非常接近，因为它还没有结束最右边）

当前，我的代码是

<nav class="navbar navbar-toggleable-md navbar-default bg-default fixed-top"> 

  <ul class="nav navbar-nav navbar-right">
  <li>Home</li>
  <li>FAQ</li>
  <li>Info</li>
  <li>About</li>
  </ul> 

</nav>

我在添加navbar-right的位置成功地将导航栏从左侧移到了（非常）右侧。

如何使导航栏项目向右对齐，但仅跨页面3/4，而不是始终对齐？

注意：我正在使用引导程序4

Answer 1

用ul类的div将.container包裹起来。此类提供左右边缘的空白，并使内容在视口之间可见。

 <nav class="navbar navbar-toggleable-md navbar-default bg-default fixed-top"> 
   <div class="container">
     <ul class="nav navbar-nav navbar-right">
      <li>Home</li>
      <li>FAQ</li>
      <li>Info</li>
      <li>About</li>
     </ul> 
   </div>
 </nav>

导航栏如何右对齐，但并非一直对齐

1 个答案: