Bootstrap 导航栏示例始终在桌面上显示移动设备答案

【问题标题】：Bootstrap navbar sample always showing mobile on desktopBootstrap 导航栏示例始终在桌面上显示移动设备
【发布时间】：2014-09-04 12:26:39
【问题描述】：

我从from the samples 复制了导航栏默认示例，但没有任何更改，它似乎在做我认为是移动格式的操作。我唯一看到的是左侧的品牌标签和右侧的按钮。我的显示器很大，所以它可以处理菜单，当我在线查看时它可以处理，您可以直观地看到here。我只能假设，因为我从演示代码中剪切和粘贴，所以我在其他地方有一个错误的设置，但我不知道去哪里看。我确实确保运行 nuget 并获取最新版本的代码，所以我应该匹配演示中的内容。有什么想法吗？

更新

问题似乎与 VS2012 和调试模式有关。使用 Visual Studio Development Server 似乎是个问题。如果我在本地发布，它会按预期工作。我以为它可能是 IE8，但在我发布网站后意识到它是 VS2012。

在 VS2012 中使用调试器时有没有办法解决这个问题？

更新 2 不知何故，即使在发布后，它也无法在 IE8 中再次运行。铬似乎工作正常。一定是我需要围绕 IE8 编写代码的一些挑剔之处。

【问题讨论】：

查看文档我还在移动和桌面示例下的网格系统部分进行了测试。在我的 index.cshtml 中，我尝试使用 div class="row" 和嵌套的 div class="col-md-4" 创建 3 个简单的列。它将始终垂直显示列。要强制它，我必须使用 class="col-xs-4" 然后它们的列按预期水平显示。我读过默认是移动的，但它应该能从我读到的内容中识别桌面。我怀疑我的 MVC 应用程序中隐藏了一些东西，但我的 _layout.cshtml 看起来不错。

标签： asp.net-mvc twitter-bootstrap visual-studio-2012

【解决方案1】：

尝试复制所有页面的 html，如果可行，则删除不必要的代码。使用它而不是本地引导程序：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

【讨论】：

【解决方案2】：

看起来这一直是 IE8 的问题。我不认为这是浏览器问题，所以我从不寻找 IE8 导航问题，但here is a link that documents the issue.

【讨论】：