<!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="__PUBLIC__/bootstrap/css/bootstrap-theme.css" rel="stylesheet" />--> <!--[if It IE 9]> <script src="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>
bootstrap_07_表格类
原创xiaohongyangok 博主文章分类:HTML5与CSS3 ©著作权
©著作权归作者所有:来自51CTO博客作者xiaohongyangok的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:bootstrap_04_列表
下一篇:bootstrap_08_表单
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
bootstrap-表格-紧凑表格
bootstrap-表格-紧凑表格
表格 bootstrap 紧凑表格 -
bootstrap-表格-普通表格
bootstrap-表格-普通表格
表格 bootstrap 普通表格 -
bootstrap-表格-带边框表格
bootstrap-表格-带边框表格
表格 bootstrap 边框表格 -
bootstrap-表格-悬停变色表格
bootstrap-表格-悬停变色表格
表格 bootstrap 变色表格 -
bootstrap-表格-响应式表格
bootstrap-表格-响应式表格
表格 bootstrap 响应式 -
bootstrap-表格-条纹状表格
bootstrap-表格-条纹状表格
表格 bootstrap 状表格 -
bootstrap表格状态类
我是中国人 名称 数量 单价 玉米 ...
表格状态类 bootstrap html css javascript -
吴裕雄 Bootstrap 前端框架开发——Bootstrap 表格:联合使用所有表格类
菜鸟教程(runoob.com) 表格 联合使用所有表格类: ...
bootstrap html jquery twitter css -
Bootstrap之表格
基本实例为随意标签加入.table类能够为其赋予主要的样式—少量的内补(padding)和水平方向的分隔线。 # First Name Last Name Username ...
twitter 鼠标悬停 sed 提示信息 分隔线