导入Bootstrap后，文本框似乎闪烁

Question

导入bootstrap CSS后，我的HTML文本框显示偏离中心。

在Bootstrap导入之前：http://i.imgur.com/544tjWn.png

Bootstrap导入后：http://i.imgur.com/MOOgWMx.png

主要问题是当尝试点击其中一个搜索结果时，该框会消失。无论是纯CSS文本框还是使用Bootstrap设置样式的文本框，都会发生这种情况。

小提琴：

Answer 1

听起来像你的Bootstrap CSS与你的搜索框的:hover类CSS有冲突。

尝试使用firebug或chrome检查搜索框元素，并将状态强制为:hover。另请查看两种状态的计算CSS规则。

A quick tutorial on forcing state.

确保在加载任何自定义CSS之前导入Bootstrap，否则Bootstrap行为将覆盖自定义CSS。