Twitter引導程序Navbar帶有徽標/品牌的合理鏈接

Question

我似乎無法證明自己的鏈接合理，並在導航欄中顯示徽標。 我的鏈接和徽標將在左側重疊。 我要這樣做，以便我的鏈接在我徽標的右邊對齊。

%body
   %nav.navbar.navbar-inverse.navbar-fixed-top
     .container-fluid
       .navbar-header
         %button.navbar-toggle.collapsed{"aria-controls" => "navbar", "aria-expanded" => "false", "data-target" => "#navbar", "data-toggle" => "collapse", :type => "button"}
        %span.sr-only Toggle navigation
        %span.icon-bar
        %span.icon-bar
        %span.icon-bar
  .container-fluid
    .navbar-header
      %a.navbar-brand{:href => "#"}
        %img{:alt => "IMage", :height => "50", :src => "/assets/logo.png"}

      %ul.nav.navbar-nav.nav-justified
        %li
          %a{:href => "#"} link 
        %li
          %a{:href => "#"} Link
        %li
          %a{:href => "#"} link
        %li
          %a{:href => "#"} link
        %li
          %a{:href => "#"} link
        %li
          %a{:href => "#"} link
        %li
          %a{:href => "#"} link 
        %li
          %a{:href => "#"} link   

的CSS

.navbar {
   position: relative;
   background-color: #004170;
   padding-top: 15px;
   padding-bottom: 15px;
   margin-bottom: 0;
   font-size: 18px;

}

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

Answer 1

嘗試從導航條代碼中刪除.navbar-nav類。

%ul.nav.navbar-nav.nav-justified

至

%ul.nav.nav-justified

如果導航略微向下移動，則可以設置以下屬性：

.nav-justified {
  width: 98%;
}
.nav-justified > li {
  float: none;
}

這個對我有用。