2013-09-30 66 views
0

我开始与asp.net mvc4互联网应用程序的新项目。Twitter的引导程序无法正常运行Asp.Net MVC 4应用程序

我做的第一件事就是通过nuGet安装一个名为Twitter Bootstrap for Asp.Net MVC 4 Sample的软件包。

安装了其他两个包BootstrapTwitter Bootstrap for Asp.Net MVC 4

当我运行应用程序,我得到这个

enter image description here

我没有在以前的项目面临这个问题。当我安装twitter引导程序时,当我构建应用程序时,情况良好。

任何人都可以解释或建议,有什么可能会出错?

编辑1:

我有另外一个项目中,引导工作正常。当我使用chrome运行这两个项目并检查网络时,为这两个项目加载的文件是相同的。

+0

请查看'css/js文件加载完美吗?'。请参阅内置于提琴工具('按F12')的Chrome浏览器的网络选项卡或用于Firefox的FireBug –

+0

我检查了Chrome并且基于其他twitter项目的其他项目正确加载了css和js文件 – Cybercop

+0

您是否正在加载bootstrap来自CDN的脚本?我知道我的本地主机通常在没有'http:'或'https:'的情况下从外部资源加载时出现问题。例如,许多CDN提供的协议缺少像“。 – jbaum012

回答

0

在您的MVC4项目的“App_start”文件夹中有一个文件BundleConfig.cs(或特定的BootstrapBundleConfig.cs)。

这将有像这样的声明:

// It won't look exactly like this.. 
    bundles.Add(new StyleBundle("~/Content/bootstrap/css/style").Include(
     "~/Content/bootstrap/css/bootstrap.css", 
     "~/Content/bootstrap/css/bootstrap-theme.css" 
     )); 

现在,你必须去你的“查看/共享/ _Layout.cshtml”文件(或任何你基地的布局),并添加以下行在你的头部。

<head> 
/// Other stuff in here 

// This renders the boostrap style 
@Styles.Render("~/Content/bootstrap/css/style") 

// include any overrides to bootstrap you have after the library 
</head> 
+0

仍然没有工作,我会在这里发布我的bundleconfig和layout.cshtml文件 – Cybercop