Как правильно выровнять navbar, но не полностью вправо

Question

Мне удалось выровнять элементы панели навигации по правому краю, но я действительно хочу выровнять его по 3/4 пути по всей странице.

Здесь является близким примером конечного результата, которого я пытаюсь достичь (обратите внимание, что навигационная панель не совсем 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>