按钮在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>

如果它们之间有空格,则按钮不会一起运行.对于玉器,您可以通过= ' '按钮之间明确添加空间或选择启用漂亮的打印:

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

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