hyspace/ typeahead.js-bootstrap3.less

JavaScript

CSS

HTML

Need help with typeahead.js-bootstrap3.less?

Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

hyspace

203 Stars

54 Forks

MIT License

56 Commits

11 Opened issues

Description

bootstrap3 style for typehead.js using bootstrap 3 mixins and variables.

Services available

Need anything else?

Contributors list

hyspace hyspace

# 270,708

c-sharp

Shell

linq

37 commits

Fabian Martin FabianMartin

# 549,720

HTML

PHP

file-sh...

3 commits

Jeff Bowen jeffbowen

# 87,391

Objecti...

Swift

Xcode

contain...

2 commits

Vasilii Artemchuk vsn4ik

# 11,757

css-fra...

Bootstr...

Less

jQuery

1 commit

Serhan Apaydın monoblaine

# 143,219

Shell

HTML

timeago

jQuery

1 commit

Griffin Smith glittershark

# 104,282

Clojure...

emacs-l...

epl

rust-la...

1 commit

emrah emrah88

# 141,005

Objecti...

C++

1 commit

Josh Ashby JoshAshby

# 273,307

HTML

imgui

Unity

1 commit

Readme

typeahead.js-bootstrap3.less

Name: typeahead.js-bootstrap3.less
Brand: typeahead.js-bootstrap3.less
SKU: //hyspace/typeahead.js-bootstrap3.less
Rating: 2.2575 (203 reviews)

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.1

and

typeahead.js 0.10.2

version

For

typeahead.js

under
0.10.0
, use
0.1.x
instead.

changelog

0.2.3

bugfix

0.2.2

bugfix

0.2.1

see #6

background-color

changed to

@dropdown-link-hover-bg

instead of

@dropdown-link-active-bg

0.2.0

typeahead.js 0.10.0

has a big change, so does this less file.

From

0.2.0

you should now uses

input-lg

input-sm

to contorl input sizes instead of using

input-group-lg

input-group-sm

. This is consistent with original

bootstrap

's usage.

Notice:

.input-group

with no
.input-group-addon
is no longer supported.
input
in such
.input-group
will no longer have its
border-radius
set.

Introduction

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.less

and
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

see

example/example.html

-if you have less source files of Bootstrap in your project:

import this file to your site's less stylesheet after

mixins.less

and

variables.less

example:

// 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.

Thanks

This repo is here because this Issue, and is based on the solution of @kuroe

Also thanks to contribution of @emrah @JoshAshby @jeffbowen

License

Code released under the MIT license