bootstrap3 style for typehead.js using bootstrap 3 mixins and variables.
Bootstrap3 style for typeahead.js using Bootstrap 3 mixins and variables.
Based on the solution of @kuroe
Tested with PhantomJS and Chorme, with
Bootstrap 3.1.1and
typeahead.js 0.10.2
For
typeahead.jsunder
0.10.0, use
0.1.xinstead.
bugfix
bugfix
see #6
background-colorchanged to
@dropdown-link-hover-bginstead of
@dropdown-link-active-bg
typeahead.js 0.10.0has a big change, so does this less file.
From
0.2.0you should now uses
input-lgor
input-smto contorl input sizes instead of using
input-group-lgor
input-group-sm. This is consistent with original
bootstrap's usage.
Notice:
.input-groupwith no
.input-group-addonis no longer supported.
inputin such
.input-groupwill no longer have its
border-radiusset.
This is a stylesheet for typeahead.js, which makes your "typeaheaded" input control looks same as Bootstrap 3's.
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
mixins.lessand
variables.lessof 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.
install with bower:
bower install typeahead.js-bootstrap3.less.
see
example/example.html
import this file to your site's less stylesheet after
mixins.lessand
variables.less
example:
// variables and mixins of Bootstrap @import "variables.less"; @import "mixins.less";/* other Bootstrap or custom modules */
//typeahead @import "typeahead.less";
link compiled css file to your site.
This repo is here because this Issue, and is based on the solution of @kuroe
Also thanks to contribution of @emrah @JoshAshby @jeffbowen
Code released under the MIT license