2013-07-12 86 views
0

首先这里是我的Plunker代码:http://plnkr.co/edit/lh9t3ThQrJF3Tauv5Sno?p=preview引导导航栏间距

请注意,您应该扩大预览窗格左侧才能看到所有的元素。

我想要做的是减少红色(X)(删除符号)和item之间的间距。基本上,当您按下红色(X)时,item已从navbar中删除。现在看来两者之间的距离很大,看起来并不正确。我尝试过使用其他元素,例如span,<a>, padding, margin,并且它们都与navbar似乎不太兼容,因为它似乎只在对齐和间距方面喜欢<li>

我还能做些什么来使间距接近红色(X)item

回答

1

http://jsfiddle.net/isherwood/8ZawD/2(为方便起见停用导航栏崩溃班)

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

在Chrome,FF和IE10测试Win7上/ 64。

下面是根据以下评论更新的答案。请注意,我修改了HTML以使其更易于从可访问性角度考虑。

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

+0

谢谢你的帮助,但没有做到这一点。它将红色(X)从物品移开得更远。我需要他们靠近物品。 – cYn

+0

很难说出代码中的“项目”是什么。我曾假设关闭按钮是左侧的列表项目。它不应该是它自己的列表项目。 – isherwood

+0

我对错误沟通表示歉意。当我说item我指的是item1,item2。但是你确实让我朝着正确的方向前进,因为我不知道我们可以使用负值作为保证金。相反,我移动item1,item2给他们的负边缘,它看起来像我想要的。 – cYn