Twitter-bootstrap 导航栏下拉列表行为奇怪（不能在移动设备上工作，不能在桌面上显示）答案

【问题标题】：Twitter-bootstrap navbar dropdown behaving oddly (not working on mobile, not showing on desktop)Twitter-bootstrap 导航栏下拉列表行为奇怪（不能在移动设备上工作，不能在桌面上显示）
【发布时间】：2013-11-09 15:28:57
【问题描述】：

我创建的这个网站上的导航栏非常奇怪！

当我缩小页面时，它会消失。而且它甚至不能在手机上运行。我不知道为什么会发生这种情况，我很遗憾没有在每次更改后进行测试......啊。 =(

也许任何 CSS/DOM 忍者都可以提供服务！

http://finitecapital.com/

谢谢

【问题讨论】：

标签： javascript html css twitter-bootstrap dom

【解决方案1】：

您忘记包含响应式 css 添加此行，然后它将在移动设备中工作

<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet">

【讨论】：

别忘了，bootstrap 需要 JQuery 才能正常运行，所以请确保在 css 之前包含 JQuery。

【解决方案2】：

问题在于您的自定义样式：

.container {
margin: 0;
padding: 0;
position: absolute;
width: 800px;
}

删除它，一切都会好起来的。您不应更改定义网格行为的主引导类，如容器和 col（跨度）。如果您希望您的容器大小不同，您应该检查引导文档并查看正确的方法。

【讨论】：