將圖標添加到引導選項卡

Question

這看起來很平凡，但我試圖將圖標添加到引導選項卡，但我遇到樣式問題。

尋找具有以下一個CSS的解決方案：

1. 圖標必須浮到鏈接的權利。

2. 不能將圖標放在錨標記內，它們必須保持在同一水平。

   <a></a><i></i> 
   

   jsfiddle

如果有人能解決這個問題，它會不勝感激。

Answer 1

由於引導風格的標籤li內a，則必須重新設計標籤的樣式應用於不給a但對li。

如果你不能做到這一點，那麼你應該換行a裏面的圖標。

您可以嘗試添加：

display: inline-block; 

您a的li標籤內。

nav>li>a { 
    position: relative; 
    display: inline-block; 
    padding: 10px 15px; 
}