未出现在正确位置的单词的预先输入列表

Question

我一直在使用 Twitter 引导模板，为即将推出的网站测试一些概念，一切正常。

现在设计师已经移交了实际的网站，但我在实现基于 Twitter 引导模板的开发网站的一些功能时遇到了麻烦。我目前的主要功能是预先输入功能：

http://twitter.github.com/bootstrap/javascript.html#typeahead

Typeahead 正在我的新网站上工作，但单词列表没有出现在输入字段下方 - 它位于右侧，我不确定为什么会这样。您可以在以下输入表单的简化版本中亲自查看：

http://dl.dropbox.com/u/34923164/test.html

如果您开始在第一个输入字段中输入“walking”，您会看到列表出现在右上角 - 我如何将其恢复到输入字段本身下方？

Answer 1

您没有正确导入 Bootstrap 样式表。预输入使用 dropdown 类（您可以从在 ul 上创建的类中看到）告诉它正确显示的位置（除其他外）。

如果您不想使用他们的样式，那会有点混乱，但您基本上可以将您需要的信息从课堂中提取出来。最重要的可能是 position 类型以及 top 和 left 属性。