Làm cách nào để căn giữa các liên kết thanh điều hướng 3 bootstrap Twitter này?

Question

Tôi tự hỏi làm cách nào tôi có thể căn giữa các mục menu trên thanh tác vụ của bootstrap 3. Tôi biết họ đã bao gồm một lớp học .nav-justified nhưng điều đó sẽ chỉ xung đột với navbar-nav nếu được sử dụng cùng nhau. Tôi tin rằng nó đang được xem xét bởi đội ngũ dev. Vì vậy, có bất kỳ công việc xung quanh với CSS mà tôi có thể đạt được một thanh điều hướng sẽ giữ cho các mục trình đơn navbar/liên kết hợp lý ngay cả khi container nó được in là kích thước lại.

Dưới đây là Jsfiddle cho bạn nếu bạn cần.

Answer 1

Lớp .nav-justifed sẽ được sử dụng với nav-tabs/nav-pills (xem bootstrap docs) và không nav-bar. Hai khái niệm rất khác nhau và không nên nhầm lẫn.

Tuy nhiên, bạn có thể đạt được hiệu quả bạn đang tìm kiếm bằng cách thêm css sau:

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

nav-justified bây giờ chơi đẹp với navbar-nav:

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

Xem updated jsFiddle.

Answer 2

Nếu sử dụng ít hơn, bạn có thể làm như sau:

.navbar-nav { 
    .nav-justified; 
}