W jaki sposób mogę wyśrodkować te linki na pasku startowym bootstrap 3 na Twitterze?

Question

Zastanawiam się, w jaki sposób można wyśrodkować elementy menu paska początkowego programu bootstrap 3. Wiem, że zawarli klasę .nav-justified, ale to będzie po prostu konflikt z navbar-nav, jeśli są używane razem. Wierzę, że jest to rozpatrywane przez zespół programistów.

A więc jest jakaś praca z CSS, że mogę osiągnąć navbar, który będzie utrzymywał pozycje/linki menu na pasku nawigacyjnym nawet wtedy, gdy kontener, w którym się znajduje, jest zmieniany.

Oto Jsfiddle dla ciebie, jeśli potrzebujesz.

Answer 1

Klasa .nav-justifed należy stosować nav-tabs/nav-pills (patrz bootstrap docs), a nie nav-bar. Te dwa pojęcia są bardzo różne i nie należy ich mylić.

Można jednak osiągnąć efekt, którego szukasz, dodając następujący css:

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

nav-justified teraz odgrywa ładne z navbar-nav:

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

Zobacz updated jsFiddle.

Answer 2

przypadku korzystania LESS, można wykonać następujące czynności:

.navbar-nav { 
    .nav-justified; 
}