Как отцентровать логотип в навбаре Bootstrap 4-beta?

Question

[MonsterAndrew]

Как сделать такой навбар на Bootstrap 4 beta?

Answer 1

[Сергей Герасимов]

Поместите navbar в контейнер и установите класс justify-content-around

<ul class="nav justify-content-around">
  <li class="nav-item">
    <a class="nav-link active" href="#">Active</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Ваша картинка</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link href="#">Link</a>
  </li>
</ul>

Comments

[MonsterAndrew]

Только чтобы все это дело было по центру к ul.nav надо добавить flex: 1. И в Bootstrap 4 уже не nav, а navbar-nav)

[Сергей Герасимов]

MonsterAndrew, зачем flex: 1? Разве navbar не занимает всё пространство?
Про navbar да, но с телефона легче пример с nav скопировать из доки