Fatal编程技术网
  • asp.net-mvc-4/
  • Asp.net mvc 4 无法在空的Mvc4项目中获取Twitter.Bootstrap.Mvc4.sample

Asp.net mvc 4 无法在空的Mvc4项目中获取Twitter.Bootstrap.Mvc4.sample

asp.net-mvc-4 twitter-bootstrap

Asp.net mvc 4 无法在空的Mvc4项目中获取Twitter.Bootstrap.Mvc4.sample,asp.net-mvc-4,twitter-bootstrap,Asp.net Mvc 4,Twitter Bootstrap,我已将Twitter.Bootstrap.MVC4安装到Asp.Net MVC空项目模板中，启动应用程序时，样式表出现问题。在我看来，它们似乎没有联系在一起。屏幕抓取如下 下面是标题部分 <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0"&

我已将Twitter.Bootstrap.MVC4安装到Asp.Net MVC空项目模板中，启动应用程序时，样式表出现问题。在我看来，它们似乎没有联系在一起。屏幕抓取如下

下面是标题部分

<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>
在BootstrapBundleConfig.cs文件中，存在路径错误

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

bootstrap-responsive.css也丢失

玩得开心；-）

我也遇到过类似的问题，这是因为当您安装nuget软件包时，它会安装最新的引导程序，现在是3.0，而Twitter.bootstrap.Mvc4.sample已经将自己配置为2.x

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

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

如果您正在寻找一个演示ASP.NET MVC与Twitter bootstrap的示例项目，您可以下载visual studio 2013 preview For Web并创建一个新的MVC项目。MVC模板中提供了引导。MVC5的新增功能。此模板将使您能够查看文件夹结构，并在上述项目中进行必要的调整。

单击google chrome中的f12并转到网络面板。查找sylesheet并相应地更正路径。对，网络选项卡仅显示上面显示的样式表（/content/css？v=o7eqnjd8fotmty6on6adamuxh559lswofrclfnrdpm1）。我原以为nuget软件包会为我设置正确的样式表，因为这似乎就是重点。你必须弄清楚如何在那里设置样式表，我猜。好吧，我们中的一个人不明白Twitter.Bootstrap.MVC4是什么，因为如果我的理解是正确的，那么你的评论就令人困惑。那可能是我。我从来没用过。我所知道的是，你必须把你的样式表放到页面上，这样它们才能工作：）好运气，成功了。谢谢你的发帖。该文件夹中还有其他文件。有人知道他们是否需要吗？Waheed Khan的解决方案更好，将css文件从~/Content/bootstrap移动到~/Content。请告诉我，为什么移动css文件比更改bundle配置中的路径更好？