2013-09-30 69 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