CSS issue on Twitter Typeahead with Bootstrap 3

前端 未结 14 936
醉话见心
醉话见心 2020-11-30 22:17

With the release of Bootstrap 3. Typeahead has been removed in favor of this:
https://github.com/twitter/typeahead.js

Ive integrated it successfully on remote fe

14条回答
  •  眼角桃花
    2020-11-30 23:07

    Hmm it looks like .form-control is a new class in Bootstrap 3 RC and it's a culprit of this issue (no doubt this is only RC version with many issues), you can just copy style of that class to .tt-hint class. So:

    .twitter-typeahead .tt-hint {
        display: block;
        height: 38px;
        padding: 8px 12px;
        font-size: 14px;
        line-height: 1.428571429;
        border: 1px solid transparent;
    }
    

    Working fiddle: http://jsfiddle.net/KrtB5/2/

    Update which works better with jQuery 1.9.1 and Bootstrap 3.0.0: http://jsfiddle.net/KrtB5/13

提交回复
热议问题