爲什麼我不能設置導航標籤的寬度

-1

我的導航分區大小爲col-md-4，我有6個標籤，我無法聯繫到所有標籤。爲什麼我不能設置導航標籤的寬度

當我更改文本標籤的字體大小時，我可以聯繫，這對我來說不是很好的解決方案。

我試圖設置每個標籤的寬度，但不工作。我怎樣才能設置一些標籤的寬度是小的，但第二要大一些。

另外我有填充，當我懸停在導航欄的末尾

http://i.imgur.com/9Px4qqk.png

 <nav class="row"> 
      <ul class="nav nav-tabs"> 
       <li class="tab1"><a href="#"> <span class="glyphicon glyphicon-user"></span> Name &nbsp &nbsp<span class="glyphicon glyphicon-chevron-down"></span> </a></li> 
       <li><a href="#"><span class="glyphicon glyphicon-flag"></span>Text Link </a> </li> 
       <li><a href="#"> <span class="glyphicon glyphicon-envelope"></span> Message </a> </li> 
       <li><a href="#"> <span class="glyphicon glyphicon-oil"></span>10 </a> </li> 
       <li class="tab5"><a href="#"><span class="glyphicon glyphicon-asterisk"></span> </a> </li> 
       <li><a href="#"><span class="glyphicon glyphicon-home"></span> </a> </li> 
      </ul> 



    </div>

CSS

.nav-tabs li .tab5{ 

    width:4%; 
}

來源

2015-04-19 RS92

我是編輯，現在我的答案並寫道 – RS92

真的不清楚你在問什麼。第五個選項卡*比其他選項小。你是否想減少內部填充？請創建一個演示來顯示問題。 http://jsfiddle.net – isherwood

我更新了我的答案。 – Sebsemillia

你的選擇是錯誤的，你必須這樣做：

.nav-tabs li.tab5 { 
    width: 4%; 
}

類.tab5是li標記，因此您必須連接它們。

Working Example

UPDATE

如果要滿足所有在一排，嘗試用填充玩，就像這樣：

.nav>li>a { 
    padding: 10px 3px; 
}

Updated Example

來源

2015-04-19 15:55:54 Sebsemillia

好吧，但多數民衆贊成那不是我的解決方案，我不能設置所有標籤在一行，beacuse區域是col-md-4 – RS92

爲什麼我不能設置導航標籤的寬度

回答

相關問題