Twitter的Bootstrap和更少的Visual Studio 2012 MCV4問題

嗯，我想我已經瘋了。我有一些MVC4 VS 2010項目都使用Twitter Bootstrap/Less，我現在在VS 2012中使用時沒有任何問題。然而，每當我嘗試創建一個新的MVC4互聯網項目，並模仿我在Bootstrap的其他2010項目中使用的設置，它將無法工作！在Chrome控制檯，它顯示了這一點：Twitter的Bootstrap和更少的Visual Studio 2012 MCV4問題

enter image description here

這兩個文件都在那裏，我已經花了我一半的週六試圖找出什麼@＃（$ @＃* $是怎麼回事這裏是我的文件設置在VS 2012：

enter image description here

這裏是我的頭：

<link rel="stylesheet" href="/Content/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<link rel="stylesheet/less" href="/Content/themes/Admin/less/bootstrap.less" type="text/css" /> 
<!-- SCRIPTS --> 
<script type="text/javascript" src="/Content/themes/Admin/less-1.3.1.min.js"></script> 
<script src="@Url.Content("~/Content/themes/Admin/js/bootstrap.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script> 
<script type="text/javascript" src="/Content/js/jquery.timepicker.min.js"></script>

任何人都可以看到任何明顯的錯誤？我嘗試了一大堆不同的組合，但我正在努力保持這一點儘可能簡單。謝謝你的時間！

來源

2012-12-29 triggermouse

您可以擺脫MVC4中的Url.Content引用，並在所有路徑中使用〜/（http://www.davidhayden.me/blog/asp.net-mvc-4-the-new-tilde -slash-feature-in-razor-2），它會稍微清理一些東西 - 在你的樣式表參考中沒有這些，這可能是問題的一部分。另外，您是否可以更改您的發佈圖片以擴展較少的文件夾 – levelnis

您是否缺少.less的MIME類型？

嘗試將以下內容添加到web.config的system.webServer部分。

<staticContent> 
    <mimeMap fileExtension=".less" mimeType="text/css" /> 
</staticContent>

或add a MIME type in IIS。

來源

2013-01-08 19:55:31 Martin4ndersen

爲了時間的利益，我決定繼續並通過WinLess預編譯我的.less文件。讓LESS JavaScript文件在dev中工作只是有助於加快速度，但哦

來源

2012-12-30 00:13:58 triggermouse

Twitter的Bootstrap和更少的Visual Studio 2012 MCV4問題

回答

相關問題