Question

使用<button class='btn' />时，我在导航栏中定位.pull-left元素时遇到问题。看到这个jsFiddle：http://jsfiddle.net/6e49G/

按钮垂直偏移，看起来不太好：

Answer 1

万一有人像我一样偶然发现这个问题，这个问题似乎在Bootstrap的2.3.0版中得到修复。我以前运行2.2.2并且有这个确切的问题（输入前置或输入附加），但只有按钮，而不是图标。作为最后的手段，我想我会检查一下Bootstrap的更新，谢天谢地，这就是诀窍。

Answer 2

您也可以从输入prepend div中取出按钮，然后将form-inline类应用于表单，它应该为您提供所需的内容。见http://jsfiddle.net/6e49G/25/

Answer 3

看起来像bootstrap没有设计为在导航栏中有附加按钮。我用自定义样式解决了它。您的上边距来自.navbar个样式。

.navbar-form .input-prepend .btn { margin-top: 0px; }