添加Bootstrap 到MVC项目中(vs2010)_.NET_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > .NET > 添加Bootstrap 到MVC项目中(vs2010)

添加Bootstrap 到MVC项目中(vs2010)

 2014/7/29 15:19:57  StarkSoft  程序员俱乐部  我要评论(0)
  • 摘要:环境:VisualStudio2010ASP.NETMVC3手动添加:下载地址:http://twitter.github.com/bootstrap/一个js,两个css,两张图js文件:•bootstrap.min.jsCSS文件:•bootstrap.min.css•bootstrap-responsive.min.cssimage文件:•glyphicons-halflings.png•glyphicons-halflings
  • 标签:

环境: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>
  • 相关文章
发表评论
用户名: 匿名