引導導航欄間距

首先這裏是我的Plunker代碼：http://plnkr.co/edit/lh9t3ThQrJF3Tauv5Sno?p=preview 引導導航欄間距

請注意，您應該擴大預覽窗格左側才能看到所有的元素。

我想要做的是減少紅色(X)（刪除符號）和item之間的間距。基本上，當您按下紅色(X)時，item已從navbar中刪除。現在看來兩者之間的距離很大，看起來並不正確。我嘗試過使用其他元素，例如span,<a>, padding, margin，並且它們都與navbar似乎不太兼容，因爲它似乎只在對齊和間距方面喜歡<li>。

我還能做些什麼來使間距接近紅色(X)和item？

來源

2013-07-12 cYn

http://jsfiddle.net/isherwood/8ZawD/2（爲方便起見停用導航欄崩潰班）

.icon-remove-sign { 
    margin-left: -20px; 
}

在Chrome，FF和IE10測試Win7上/ 64。

下面是根據以下評論更新的答案。請注意，我修改了HTML以使其更易於從可訪問性角度考慮。

http://jsfiddle.net/isherwood/8ZawD/4/

來源

2013-07-12 17:51:56 isherwood

謝謝你的幫助，但沒有做到這一點。它將紅色（X）從物品移開得更遠。我需要他們靠近物品。 – cYn

很難說出代碼中的「項目」是什麼。我曾假設關閉按鈕是左側的列表項目。它不應該是它自己的列表項目。 – isherwood

我對錯誤溝通表示歉意。當我說item我指的是item1，item2。但是你確實讓我朝着正確的方向前進，因爲我不知道我們可以使用負值作爲保證金。相反，我移動item1，item2給他們的負邊緣，它看起來像我想要的。 – cYn

引導導航欄間距

回答

相關問題