Как выравнить меню по горизонтали?

Question

[Валерий Суворов]

Как выравнять горизонтальное меню?
Все пункты li имеют разную ширину.
Код:
https://jsfiddle.net/efendi/tnoqcp9u/

Answer 1

[Дмитрий Клусевич]

.navbar-nav {
display:flex;
justify-content: space-between;
}
пропустишь через autoprefixer. по нужде

Answer 2

[Константин Давыдов]

https://jsfiddle.net/jkygx0fn/

Comments

[Валерий Суворов]

Можно ли первый/последний пункты прижать влево/вправо ?

[Константин Давыдов]

Валерий Путин: так? https://jsfiddle.net/0kyzt4cd/

[Валерий Суворов]

Константин Давыдов: Да, спасибо!

[Константин Давыдов]

Валерий Путин: Не за что. Пометьте только ответ как решение.

Answer 3

[Ankhena]

на выбор:
display: table
display: flex

и доп. свойства, в зависимости от выбора

Answer 4

[sinneren]

Для контейнера

display: inline-block;
  display: -webkit-flex;
  display: -ms-flexbox;
  text-align: justify;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;

Для элементов: display: inline-block;