引导标签之间没有间距

Question

在我的应用程序中,我试图有几个连续标签,就像在这个jsbin中:

相反,我得到这个:

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

bootstrap中定义的标签之间的间距在哪里？知道这将允许我缩小我的CSS中的错误搜索.

Answer 1

这根本与你的CSS无关.只需添加一个空格或打破".label"标签之间的界限即可.

当我使用的框架开始压缩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元素内部删除前导/尾随空格才能使它们正常工作.