上一节：ASP.NET MVC5 + EF6 入门教程 (6) View中的Razor使用
源码下载：点我下载
要做一个完整的系统，除了需要MVC这样的B/S框架及EF这样的数据库访问技术之外，一个简洁、美观、大方的UI框架也是必不可少的。
话不多说，有请今天的主角登场！！
看看它的自我介绍，是不是很?。没错，这个介绍一点都不夸张。
回想起第一次工作中用Bootstrap做了一个专题网站，我们外籍老板就说了一个字：Amazing！
从来没有一款UI框架可以给我如此震撼，如此耳目一新的感觉。
再上一个应用了Bootstrap的网站主页：
回到正题，其实在我们的教学项目中已经默认包含了Bootstrap3的UI框架，请看解决方案资源管理器的Content和Scripts文件夹：
其中bootstrap.css和bootstrap.min.css的功能是完全一样的。只是bootstrap.css格式整齐，适合查看编辑。bootstrap.min.css去掉了没用的格式上的东西，体积小页面载入速度快。bootstrap.js和bootstrap.min.js也是这个关系。
下面进入正题，介绍Bootstrap的栅格系统。
什么是栅格系统？先来个实例。
在解决方案资源管理器 Views\First\Index.cshtml文件中，删除掉原有代码，写入下面代码。
@Styles.Render("~/Content/css") div div div{ border:solid 1px gray; margin-top:3px; background:#cccccc; text-align:center; }
查看更多关于ASP.NETMVC5+EF6+Bootstrap3(7)Bootstrap的栅格系统_html/c的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did106610