Twitter bootstrap 将autocomplete添加到Bootstrap3中的宽搜索栏

在过去的几天里，我一直在从事一项我认为非常简单的任务：在Bootstrap3中为搜索栏提供自动完成功能。我试图实现的是在不破坏布局的情况下将其集成到Bootstrap3设计中

我已经研究了使用twitter-typeahead.js和bootstrap3-typeahead的方法

部分困难可能是我想拥有一个大型搜索框作为“navbar fixed”元素的一部分，我使用了以下解决方案/解决方案：

我面临的挑战是，每当我包含typeahead类时，搜索栏的样式都会变回不同的css样式，从而破坏布局。然后我使用autocomplete.js尝试了同样的方法

此时，自动完成功能的实际级别非常简单，我只想匹配精确的字符串，因此我不关心精确的实现-我唯一的要求是：（1）提前键入/自动完成，以及（2）将宽搜索栏保留在引导导航栏搜索栏中

---

有人知道如何做到这一点吗

试试这段代码

var indicator=["aaa","abc","def","rrr","yyyt"];
function searchautocomplete(itemclass,data){
      $(itemclass).typeahead({
                  hint: true,
                  highlight: true,
                  source:data,
                  limit:data.length
      });
}
searchautocomplete(".form-control",indicator);

---

看到这个了吗谢谢你，阿马尔，这个问题解决了！你能解释一下为什么会出现这个问题，以及它是如何解决这个问题的吗？再次感谢！你好，斯莱德上校。如果只添加typeahead.js，效果很好。但是当添加typeahead.bundle.js和bootstrap-tagsinput.min.js时，搜索框会被破坏。看到这个吗