2013-08-20 124 views
4

我已经将Twitter.Bootstrap.MVC4安装到Asp.Net MVC Empty项目模板中,当我启动应用程序时,样式表存在问题。它看起来像我没有链接。下面的屏幕截图。无法让Twitter.Bootstrap.Mvc4.sample在空MVC4项目中工作

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> 
+1

点击谷歌浏览器中的f12并转到网络面板。查找sylesheet并相应地更正路径。 – user1477388

+0

对,网络标签只显示上面显示的样式表(/ content/css?v = o7EqNjjD8FotmTy6On6adamUxH559LswOFRclfNrDPM1)。我期待nuget包会照顾为我设置正确的样式表,因为这看起来像是整个问题。 –

+0

我想,你将不得不弄清楚如何让你的样式表在那里。 – user1477388

回答

10

在BootstrapBundleConfig.cs文件中,有一条小路错误。

“〜/内容/ bootstrap.css” 应为 “〜/内容/引导/ bootstrap.css”

引导-responsive.css也不翼而飞。

有乐趣;-)

+0

是的,那是做的。感谢发布。该文件夹中还有其他文件。任何人都知道他们需要吗? –

+1

Waheed Khan的解决方案更好,将css文件从〜/ Content/bootstrap移动到〜/ Content。 –

+0

请注意,为什么移动css文件比改变bundle配置中的路径更好? – subsci

4

我有类似的问题,这是因为当您安装NuGet包安装它现在是3.0的最新引导,而Twitter.Bootstrap.Mvc4.sample已经2配置本身。 X。

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

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

0

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