twitter-bootstrap - Bootstrap 2.0.1 中的按钮一起运行

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>

如果按钮之间有空格，它们将不会一起运行。对于 Jade ，您可以通过 = ' ' 在按钮之间显式添加空格或选择启用 pretty-print :

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

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