Tag: bootstrap typeahead

有没有其他人遇到问题造型Twitter Typeahead的搜索栏？

我正在为Twitter Typeahead的搜索栏设计难度。 添加Typeahead javascript似乎在我的搜索栏中添加了三个新类， .twitter-typeahead .tt-hint ， .tt-hint和.tt-input ，每个类都以不同的奇怪方式运行。 首先，在我添加Typeahead之后，搜索栏的背景设置为透明，即使我已将其设置为具有不同类的白色，因此我必须添加一个白色背景包装器，其中包含所有三个新类。 给.typeahead width: 100%; height:100%; border-radius: 20px; width: 100%; height:100%; border-radius: 20px; 它适合包装纸的边框半径和高度，但它比包装纸短约50px。 .tt-input完美地适合高度和宽度，但显然是使背景透明，因为.tt-input和.twitter-typeahead之间约50px的差异是背景的颜色，而不是白色包装。 最后， .tt-hint只服从颜色。 它是白色的，但是当我尝试设置边框半径，高度或宽度时它没有响应。 如果明确设置这些类的属性似乎不适合它们的样式，我必须得出结论，还有其他正在播放的类我找不到。 那，或者Typeahead的代码中有一个错误。 有没有人碰到这样的事情？ 有谁知道为什么这三个类可能没有响应css？ 我的智慧结束了。