Based on the solution of @kuroe
Tested with PhantomJS and Chorme, with
Bootstrap 3.1.1 and
background-color changed to
@dropdown-link-hover-bg instead of
typeahead.js 0.10.0 has a big change, so does this less file.
0.2.0 you should now uses
input-sm to contorl input sizes instead of using
input-group-sm. This is consistent with original
.input-group with no
.input-group-addon is no longer supported.
input in such
.input-group will no longer have its
Using mixins and variables provided by Boostrap 3, This stylesheet is useful when you applied custom theme to Boostrap for your site, because the change you made in variables and mixins will be applied to your "typeaheaded" input control automatically.
This stylesheet requires
variables.less of Bootstrap 3. If you are not using Boostrap's mixins and variables in your site, you can use compiled css file with default colors and sizings of Boostrap instead.
How to use
install with bower:
bower install typeahead.js-bootstrap3.less.
-if you have less source files of Bootstrap in your project:
import this file to your site's less stylesheet after
// variables and mixins of Bootstrap @import "variables.less"; @import "mixins.less"; /* other Bootstrap or custom modules */ //typeahead @import "typeahead.less";
-if you have no less source files of Bootstrap in your project:
link compiled css file to your site.
Also thanks to contribution of @emrah @JoshAshby @jeffbowen
Code released under the MIT license