Question

我正在使用Bootstrap 2.0.1，在我的页面中，我经常有几个按钮彼此相邻：

<a class="btn btn-primary btn-large x-create-quiz">Create Quiz</a>
<a class="btn x-cancel">Cancel</a></div>

按钮彼此相邻，两者之间没有间距。

我必须在两者之间添加 。

查看Twitter Bootstrap文档的来源，他们做同样的事情，但在按钮之间占用一小部分。

知道为什么吗？我宁愿消除。可能会在某处提供一些封闭的<div>吗？

我在Chrome和FireFox中获得了相同的结果。

Answer 1

我有同样的问题。我正在使用node / express / jade，发现默认情况下jade会在传递时删除任何空格，结果是这样的：

<button class="...">reset</button><button class="...">save</button>

如果按钮之间有空格，则它们不会一起运行。对于玉，你可以在您的按钮之间通过= ' '显式添加空格，或者选择启用漂亮打印：

app.set('view options', { pretty: true })

希望这对你有所帮助，花了一些时间才意识到这种行为......

Answer 2

差距来自于font-size在其容器上创建的空白区域，在本例中为p标记，如果body标记没有可用的字体大小。您可以通过在p和body标记（或容器，如果有的话）上将font-size设置为0来删除该空格，并且您可以通过设置增加空白当然更高的字体大小。

因此，我建议您确保在body标记，元素本身或元素容器中声明了正确的字体大小。

您可以在twitters bootstrap文档页面上测试这一点，方法是在FF中将带有firebug的内联样式或Chrome中的检查器工具添加到按钮组的p标记中，以便您可以看到它们如何粘在一起。 / p>

<p style="font-size:0">...</p>