如何正确对齐导航栏，但不是一直向右

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处，而不是一路？

注意：我正在使用bootstrap 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>