typeahead.js-bootstrap3.less

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

  • 所有者: hyspace/typeahead.js-bootstrap3.less
  • 平台:
  • 許可證: MIT License
  • 分類:
  • 主題:
  • 喜歡:
    0
      比較:

Github星跟蹤圖

typeahead.js-bootstrap3.less

Bower version
Build Status

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 or input-sm to contorl input sizes instead of using input-group-lg or 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

主要指標

概覽
名稱與所有者hyspace/typeahead.js-bootstrap3.less
主編程語言JavaScript
編程語言CoffeeScript (語言數: 4)
平台
許可證MIT License
所有者活动
創建於2013-12-15 15:40:14
推送於2017-04-16 21:18:21
最后一次提交2015-05-28 01:38:48
發布數10
最新版本名稱v0.2.3 (發布於 2014-04-02 22:03:49)
第一版名稱v0.1.0 (發布於 2013-12-16 03:11:24)
用户参与
星數197
關注者數12
派生數45
提交數56
已啟用問題?
問題數18
打開的問題數8
拉請求數8
打開的拉請求數2
關閉的拉請求數2
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?