无法让 Twitter.Bootstrap.Mvc4.sample 在空的 MVC4 项目中工作答案

【问题标题】：Unable to get Twitter.Bootstrap.Mvc4.sample working in empty MVC4 project无法让 Twitter.Bootstrap.Mvc4.sample 在空的 MVC4 项目中工作
【发布时间】：2013-09-06 09:13:14
【问题描述】：

我已将 Twitter.Bootstrap.MVC4 安装到 Asp.Net MVC Empty 项目模板中，当我启动应用程序时，样式表出现问题。在我看来，它们没有链接。屏幕截图如下。

头部在下方

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/content/css?v=o7EqNjjD8FotmTy6On6adamUxH559LswOFRclfNrDPM1" rel="stylesheet"/>

       <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
  <script src="/scripts/html5shiv.js"></script>
<![endif]-->


</head>

【问题讨论】：

在谷歌浏览器中点击 f12 并转到网络面板。查找样式表并相应地更正路径。
对，网络选项卡只显示上面显示的样式表 (/content/css?v=o7EqNjjD8FotmTy6On6adamUxH559LswOFRclfNrDPM1)。我期待 nuget 包会负责为我设置正确的样式表，因为这似乎是重点。
我猜你必须弄清楚如何把你的样式表放在那里。
好的，所以我们中的一个人不明白 Twitter.Bootstrap.MVC4 是什么，因为如果我的理解是正确的，那么你的评论就会令人困惑。
这可能是我。我从来没有使用过它。我所知道的是，你必须把你的样式表放在页面上才能让它们工作:) 祝你好运

标签： asp.net-mvc-4 twitter-bootstrap

【解决方案1】：

在BootstrapBundleConfig.cs文件中，存在路径错误。

“~/Content/bootstrap.css”应该是“~/Content/bootstrap/bootstrap.css”

bootstrap-responsive.css 也丢失了。

玩得开心;-)

【讨论】：

是的，做到了。感谢您发布。该文件夹中还有其他文件。有人知道他们是否需要吗？
Waheed Khan 的解决方案更好，将 css 文件从 ~/Content/bootstrap 移动到 ~/Content。
请教一下，为什么移动css文件比更改捆绑配置中的路径更好？

【解决方案2】：

我遇到了类似的问题，发生这种情况是因为当您安装 nuget 包时，它会安装最新的引导程序，现在是 3.0，而 Twitter.Bootstrap.Mvc4.sample 已将自身配置为 2.x。

如果您不需要 3.0，则可以下载 2.x 版本并将脚本和内容复制到各自的文件夹中。

对于 3.0，将 css 文件从 ~/Content/bootstrap 移动到 ~/Content。

【讨论】：

【解决方案3】：

如果您只是在寻找一个使用 Twitter Bootstrap 说明 ASP.NET MVC 的示例项目，您可以下载 Visual Studio 2013 预览版 Web 并创建一个新的 MVC 项目。 Bootstrap 在 MVC 模板中可用。 MVC 5 的新增功能。此模板将使您能够查看文件夹结构并在上述项目中进行必要的调整。

【讨论】：