Центр Navbar/Brand для небольших дисплеев

Question

Извините, если это уже было задано, но я пытаюсь центрировать мой навигатор, если пользователь сжимает их дисплей.

Прямо сейчас у меня есть навигационные элементы, расположенные справа, а марка слева - для больших дисплеев. Они остаются справа и слева, когда дисплей сжимается.

Я бы хотел, чтобы они были центрированы, когда дисплей сжимается.

---

Для больших дисплеев это то, что я хочу. (То, что я получаю в настоящее время)

Для небольших дисплеев я хочу Navbar и бренд по центру. (Не то, что я получаю сейчас)

Answer 1

Это может быть не лучший способ сделать это, но вы могли бы просто использовать изображение вместо, а затем применить класс «центр-блок» к нему

<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 
    <div class="container"> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <img class="img-responsive center-block" src="img/logo.png" alt=""> 
    </div>