Bootstrap v3 нав выравнивание семы WITDH фактически не равен

Question

Цитируя http://www.w3schools.com/bootstrap/bootstrap_ref_comp_navs.asp

.nav выравнивания делает навигационные вкладки/таблетку равной ширины их родителей, на экранах шире 768px. На небольших экранах, вкладки нав/таблетки уложены

Я считаю, что каждый элемент <li> внутри нав-оправдана <ul> должны иметь одинаковую ширину. Однако это, похоже, не быть в случае, как таблетки ширина участок для размещения содержащегося текста, по крайней мере, в этом примере: http://www.bootply.com/0pEQ2iml8q# (на хром 46)

Таблетки все имеют разную ширину, и кажется, нет никаких оснований.

Что мне там недостает?

Answer 1

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

Я также заметил, что текст был виновником последнего размера таблетки, однако самый длинный текст был в первой таблетке, которая меня смутила, поскольку это был идеальный размер. (Возможно, из-за таблетки форматируемое внутри контейнеров строк и столбцов)

Я исправил мой вопрос просто реализует ответ на этот вопрос: Same height for nav tabs

Хотя бы отметить, я нашел это снимает «штабелирования» функциональность таблетки при изменении размера до xs. Выложите css в медиа-запрос, как и все, и все должно быть хорошо:

@media screen and (min-width: 480px) { 
.nav-pills{ 
    display: flex; 
} 
.nav-pills li { 
    display: flex; 
    flex: 1; 
} 

.nav-pills li a { 
    flex: 1; 
} 
}