添加Bootstrap 到MVC项目中，vs2010

2024-03-30 03:22•移动端•阅读 3407

环境：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>