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

时间：2013-08-20 13:10:57

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

我已将Twitter.Bootstrap.MVC4安装到Asp.Net MVC Empty项目模板中，当我启动应用程序时，样式表存在问题。在我看来，他们没有联系在一起。下面的屏幕抓取。

Bootstrap.MVC4 output

头部在

之下 
<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>

3 个答案:

答案 0 :(得分：10)

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

“〜/ Content / bootstrap.css”应为“〜/ Content / bootstrap / bootstrap.css”

bootstrap-responsive.css也不见了。

玩得开心; - ）

答案 1 :(得分：4)

我有类似的问题，这是因为当您安装nuget包时，它会安装最新的bootstrap，现在是3.0，而Twitter.Bootstrap.Mvc4.sample已经为2.x配置了自己。

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

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

答案 2 :(得分：0)

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

相关问题
最新问题