添加Bootstrap 到MVC项目中(vs2010)

本文详细介绍了如何在 Visual Studio 2010 的 ASP.NET MVC3 项目中手动添加 Bootstrap 框架。包括下载 Bootstrap 相关 JS 和 CSS 文件及图片,以及在 _Layout.cshtml 中引用这些资源的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

转载于:https://www.cnblogs.com/starksoft/p/3875236.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值