Bootstrap 4 - Перемещение ссылок справа от навигационной панели с помощью кнопки переключения

Question

Я пытался переместить ссылки слева от навигационной панели вправо, и это не позволило мне. Я пробовал плавать вправо, и ничего не случилось, то же самое с позицией: relative; право: 200 пикселей; и padding-right: -200px ;. Если у кого-нибудь есть другие предложения, мы будем благодарны вам.

<nav class="navbar navbar-toggleable-md navbar-light bg-faded"> 

    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 

     <span class="navbar-toggler-icon"></span> 

    </button> 

    <a class="navbar-brand" href="index.html"> 

     <img id="logo" src="images/logo.png" width="200" class="d-inline-block align-top" alt=""> 

    </a> 

    <div class="collapse navbar-collapse" id="navbarSupportedContent"> 

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

      <li class="nav-item"> 
       <a class="nav-link active text-white" href="index.html">Home <span class="sr-only">(current)</span></a> 
      </li> 

      <li class="nav-item"> 
       <a class="nav-link text-white" href="services.html">Services</a> 
      </li> 

      <li class="nav-item"> 
       <a class="nav-link text-white" href="portfolio.html">Portfolio</a> 
      </li> 

      <li class="nav-item"> 
       <a class="nav-link text-white" href="about.html">About</a> 
      </li> 

     </ul> 

    </div> 
</nav> 

Answer 1

Вы используете .mr-auto так у вас есть margin-right: auto !important и нав-элементы по левому краю.
Если изменить класс .ml-auto у вас есть margin-left: auto !important и ваши нав-элементы по правому краю

Answer 2

Изменить некоторые CSS в файле загрузки:

Используется justify-content: end; начать контент для конца

.mr-auto { 
    margin-right: 0 !important; 
} 
.navbar-toggleable-md .navbar-collapse {   
    -webkit-justify-content: flex-end; 
    justify-content: flex-end; 
} 

Вот код скрипта: https://jsfiddle.net/0ewenvcb/2/