标签：
BootStrap学习笔记一：
学习工具：BootStrap中文文档：http://v3.bootcss.com/css/#type-lists
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- 为了让 IE 浏览器运行最新的渲染模式 --> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>BootStrap 学习第三步</title> <link rel="stylesheet" href="static/css/bootstrap.min.css"> </head> <body> <div class="table-responsive"> <table class="table table-hover"><!-- .table 基本样式：少量的内补和水平方向的分割线 .table-striped 条纹状表格 .table-bordered 有边框的表格 .table-hover 鼠标悬停 .table-condensed 表格更加紧凑 --> <tr class = "active"><!-- 鼠标悬停时的颜色--> <th>编号</th> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> <tr class= "success"><!-- green --> <td>1</td> <td>zhangsan</td> <td>23</td> <td>male</td> </tr> <tr class ="danger"><!-- red --> <td>2</td> <td>zhangsan</td> <td>23</td> <td>male</td> </tr> <tr> <td class="warning">3</td><!-- yellow --> <td class="info">zhangsan</td><!-- blue --> <td>23</td> <td>male</td> </tr> </table> </div> </body> <script type="text/javascript" src="static/js/jquery-1.11.2.min.js"></script> <script type="text/javascript" src="static/js/bootstrap.min.js"></script> </html>
个人学习，仅作记录！未完待续。。。。。。
标签：
原文地址：http://www.cnblogs.com/hzwl-2015/p/4255307.html
