首页 > 代码库 > 添加Bootstrap 到MVC项目中(vs2010)

添加Bootstrap 到MVC项目中(vs2010)

环境: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="http://www.mamicode.com/@Url.Content("~/Content/bootstrap.min.css")" rel="stylesheet" type="text/css" /> <link href="http://www.mamicode.com/@Url.Content("~/Content/bootstrap-responsive.min.css")" rel="stylesheet" type="text/css" />

JS:

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