添加Bootstrap 到MVC项目中（vs2010）

最新推荐文章于 2022-06-15 13:57:05 发布

转载最新推荐文章于 2022-06-15 13:57:05 发布 · 273 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/starksoft/p/3875236.html

文章标签：

#测试 #javascript #ViewUI

本文详细介绍了如何在 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