引导标签之间没有间距

Question

在我的应用程序中，我正在尝试使用多个连续标签，例如jsbin：

相反，我得到了这个：

如您所见，标签之间没有间距。这可能是因为我的CSS存在问题，但我无法找到罪魁祸首。

引导程序中定义的标签之间的间距在哪里？知道这将允许我缩小我的CSS中的错误搜索。

Answer 1

这完全与你的CSS无关。只需添加一个空格或打破你的＆＃34; .label＆＃34;之间的界限。标签

当我使用的框架开始压缩HTML以节省一些字节时，这发生在我身上。

您可以在此jsbin上看到此效果。

Answer 2

您需要从内部标签中移除空间。

以下跨度之间没有空格：

<span class="label label-primary"> Primary </span>
<span class="label label-default"> Default </span>

以下跨度之间的间距正确：

<span class="label label-primary">Primary</span>
<span class="label label-default">Default</span>

请注意，必须从span元素的 inside 中删除前导/尾随空格才能使它们正常工作。

Answer 3

我做到了。

.label {
    margin-left: 5px; 
}

您可以编辑bootstrap.css或编辑less / labels.less并编译。

空间问题可能是javascript代码中的问题。我正在测试没有来自bootstrap的javascript。

Answer 4

标签之间的间距（使用<span>）未在bootstrap中定义，实际上，它是浏览器中内置的默认HTML CSS。

我不确定哪些CSS可能导致<span>元素之间的间距（省略填充和边距），但我强烈怀疑它不适用于您的情况的原因是因为你的span元素中添加了float:left;。

您的问题已复制 here.

因此，解决方案是使用<span>元素上的检查器工具，找到行并删除float:left;的添加位置。