Как я могу сосредоточить эти трещины в Twitter на 3 навигационных ссылках?

Question

Мне интересно, как я могу сосредоточиться на пунктах меню навигационной панели bootstrap 3. Я знаю, что они включили класс .nav-justified, но это будет просто противоречить navbar-nav, если они используются вместе. Я верю, что он изучается командой разработчиков.

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

Вот вам Jsfiddle для вас, если вам это нужно.

Answer 1

.nav-justifed класс должен быть использован с nav-tabs/nav-pills (см bootstrap docs), а не nav-bar. Эти две концепции очень разные, и их не следует путать.

Однако, вы можете добиться эффекта, который вы ищете, добавив следующий css:

.navbar-nav.nav-justified > li{ 
    float:none; 
} 

nav-justified Сейчас играет хорошо с navbar-nav:

<ul class="nav navbar-nav nav-justified"> 

См updated jsFiddle.

Answer 2

При использовании LESS, вы можете сделать следующее:

.navbar-nav { 
    .nav-justified; 
}