添加Bootstrap 到MVC項目中（vs2010）

標籤：style   blog   http   java   使用   strong   檔案   io   

環境：Visual Studio 2010   ASP.NET MVC3

手動添加： ：http://twitter.github.com/bootstrap/

一個js,兩個css,兩張圖

js 檔案：  •bootstrap.min.js  

CSS 檔案：  •bootstrap.min.css  •bootstrap-responsive.min.css  

image 檔案：  •glyphicons-halflings.png  •glyphicons-halflings-white.png

註：  •bootstrap.js  •bootstrap.css  •bootstrap.responsive.css 是帶 min 關鍵字的檔案的對應源碼，min 是其壓縮檔。我們在項目中只需要添加帶 min 關鍵字的檔案。

或者使用 NuGet Package Manager 加入到項目

應用：

_Layout.cshtml 中添加：

CSS:

<link href="@Url.Content("~/Content/bootstrap.min.css")" rel="stylesheet" type="text/css" /> <link href="@Url.Content("~/Content/bootstrap-responsive.min.css")" rel="stylesheet" type="text/css" />

JS:

<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>