首页 > 代码库 > BootStrap 学习笔记三
BootStrap 学习笔记三
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>
个人学习，仅作记录！未完待续。。。。。。
BootStrap 学习笔记三
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。