首页 > 代码库 > bootstrap_07_表格类
bootstrap_07_表格类
<!doctype html> <html> <meta charset="utf-8" /> <head> <title>益司CMS-PC与手机建站集成</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"> <!--<link href="http://www.mamicode.com/__PUBLIC__/bootstrap/css/bootstrap-theme.css" rel="stylesheet" />--> <!--[if It IE 9]> <script src="http://www.mamicode.com/http//html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body"> <div class="container"> <!--table-condensed 缩小内边距 table-bordered 添加边框 table-striped 以条纹的形式显示--> <table class="table table-bordered table-condensed table-striped"> <tr> <td> 内容1 </td> <td> 内容1 </td> <td> 内容1 </td> </tr> <tr> <td> 内容1 </td> <td> 内容1 </td> <td> 内容1 </td> </tr> <tr> <td> 内容1 </td> <td> 内容1 </td> <td> 内容1 </td> </tr> <tr> <td> 内容1 </td> <td> 内容1 </td> <td> 内容1 </td> </tr> </table> </div> <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script> </body> </html>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。