twitter bootstrap's button in navbar not correctly vertically aligned

Question

I am having trouble positioning a <button class='btn' />element in the navbar when using .pull-left. See this jsFiddle: http://jsfiddle.net/6e49G/

The buttons are vertically offset which does not look that good:

Answer 1

Just in case anyone stumbles across this like I did, this issue seems to be fixed in version 2.3.0 of Bootstrap. I was running 2.2.2 previously and had this exact problem (input-prepend or input-append), but only with buttons, not icons. As a last resort I thought I'd check for an update of Bootstrap and thankfully that did the trick.

Answer 2

You could also take the buttons out of the input prepend div and then apply the form-inline class to form and it should give you what you're looking for. See http://jsfiddle.net/6e49G/25/