Typeahead.js interferes with Bootstrap input groups
This project partially solved the issue for me: https://github.com/hyspace/typeahead.js-bootstrap3.less
The only outstanding problem is when I apply shadow effect to both the .btn and .form-control the shadow is drawn also between the input field and the button.
.twitter-typeahead{ float:left; width:100%}