Table markup

Tag Description
<table> Wrapping element for displaying data in a tabular format
<thead> Container element for table header rows (<tr>) to label table columns
<tbody> Container element for table rows (<tr>) in the body of the table
<tr> Container element for a set of table cells (<td> or <th>) that appears on a single row
<td> Default table cell
<th> Special table cell for column (or row, depending on scope and placement) labels
Must be used within a <thead>
<caption> Description or summary of what the table holds, especially useful for screen readers
<table>
  <thead>
    <tr>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

Table options

Name Class Description
Default None No styles, just columns and rows
Basic .table Only horizontal lines between rows
Bordered .table-bordered Rounds corners and adds outer border
Zebra-stripe .table-striped Adds light gray background color to odd rows (1, 3, 5, etc)
Condensed .table-condensed Cuts vertical padding in half, from 8px to 4px, within all td and th elements

Example tables

1. Default table styles

Tables are automatically styled with only a few borders to ensure readability and maintain structure. With 2.0, the .table class is required.

<table class="table">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

2. Striped table

Get a little fancy with your tables by adding zebra-striping—just add the .table-striped class.

Note: Striped tables use the :nth-child CSS selector and is not available in IE7-IE8.

<table class="table table-striped">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

3. Bordered table

Add borders around the entire table and rounded corners for aesthetic purposes.

<table class="table table-bordered">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter

4. Condensed table

Make your tables more compact by adding the .table-condensed class to cut table cell padding in half (from 8px to 4px).

<table class="table table-condensed">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

5. Combine them all!

Feel free to combine any of the table classes to achieve different looks by utilizing any of the available classes.

<table class="table table-striped table-bordered table-condensed">
  ...
</table>
Full name
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
信息安全防火墙深圳电子商城网站建设网络信息安全作文400社会工程学 网络安全能源行业信息安全中国信息安全测评中心隶属整合营销 代理深圳市信息安全测评中心 官网开县网站建设长春网站设计美团的软文营销 这是一个支离破碎的奇异世界,这一天潘风幽幽地从这一方世界醒来, 他知道他穿越了,可熟读网文三百篇的他,却发现自己作为主角什么都没有, 没有系统、没有戒指.....就连金手指都不给, 开局面临一群boss围困身陷囹圄,这还怎么玩? “可我不能丢了穿越者的脸!不能丢了一个来自地球的老书虫的脸,我是潘风亦是潘凤,更是全地球村的唯一走出来的希望 ...............”大場鉄人在日本琦玉国立高中度过日复一日的平凡的日常的时候,一场突如其来的突变,“转生”,迎接他的将是来到奇幻的中世纪魔法时代,看我们主角如何一步步探索新世界!亲亲苦苦熬到大学毕业,李风一夜猝死,到了三万大千世界当起了编程员。 出身宗门世家,他小手轻轻一敲,世家子弟直接名望千里之外。 出身九阴之体,他小手一改,顺便捡到了包罗之象。 出生有黑鸦陪同,他手一挥,三千万凤凰卧地朝拜。 一日,李风发现,他可以直接编写自己的修为,无限制。 一日,李风发现,他还可以直接编写别人的修为,无限制。 又一日,李风发现,这个后台竟有一个更大的秘密。比如:编写一切圣灵,更改一切数据! 三个月后,李风成为天道正式编程员。 在强兵压城的某个夜晚,李风一个“手滑”,直接将敌方五百万大军修为下降两阶! 不够?那就给我再降! 冥冥有间,止水湔峰。 峰主何名,别号曰玄。 玄之又玄,众妙之门。 门中大千,笔下风闻。 欢迎来到某玄的短篇故事集。荡平魔域,踏破九天,万界枯荣于我不过一念间! 大道三千可战否?可战,一切皆可战!数十亿人类降临万国。 争夺最终顶峰的万国之主。 天量的气运,资源作为奖励,国主们互相厮杀。 还有那些繁星般的人物。 一品谋士,诸葛亮,司马懿,姜子牙…… 一品武将,岳飞,霍去病,李靖,韩信…… 一品美人,秦淮八艳,杨玉环 甚至连绝品修者张三丰都有! …… 金钱,权力,长生! 重生回来的秦权,带着脑海中的记忆,率铁血大秦,誓要镇压一切不臣服之人!李民在当选宁州县县长的当晚在宾馆被人杀害。省公安厅主管刑侦的副厅长李彬受命侦破此案。他缜密推理,坚持依靠群众和公安干警的集体智慧,一步步将杀人凶手逼出水面。诸神皆有故事,活得久了,都有很长很长的故事。 诸神也有圈子,一神讲起,都可串出诸神的传说。 诸神均有名号,每个名号,都是叱诧风云的往事。穿越到玄幻世界的周成感觉欲哭无泪,他筑基整整十五年,还是没办法突破到金丹境界,这是何等的悲催! 连系统都对他无语了———说周成没有修仙的资质吧,他是真的没有资质,身体吸收不了天地灵气,根本就没办法突破到金丹境界,但是他在十五年吃系统给的数不尽的筑基丹堆积下愣是把筑基筑到了九百九十九层,就很离谱好吧! 不仅如此,他还成功地肉身成圣了,并且学会了像缩地成寸、无视万毒、一拳把人轰得灰飞烟灭等等诸多牛气哄哄的法门。 周成:“别的我都还能理解,系统你能告诉我为什么你给我的筑基丹是芥末味的吗?天知道我是怎么过这十五年的!整整十五年! 万幸在作者大大的安排下我终于要结束这十五年隐居山林的苦日子,遨游玄幻世界了,感谢作者,感谢读者大大,至于系统你,那就算了吧,尽不干人事。” 系统:“我本来也不是人,啦啦啦~”一个充满神奇色彩的世界,在这里,一切都是未知的,但是,一切都是被记录的的。天是什么,是一部法典,一部恐怖的法典,不过,法典是什么呢?哦!法典就是用来查阅的,管我,凭什么,法典就是法典还是乖乖的做好你的本职吧!本应平凡,却阴差阳错,这一天,天逆了,人变了,他还是他吗......星辰变,乱世起,意外的流星,意外的出生,血腥、挫折,还有家散,成就了他的不凡,他是谁?到底是谁呢?弥漫在空气中的各种元素微粒,他们在运用着自己的力量在使用它们,聚合、变质、融合等等,各种各样的变化,这是元素与灵魂相存的世界,灵魂运元素,元素依灵魂。
什么是搜索营销?搜索营销sem主要有网页优化seo和竞价ppc 2011年网络安全事件 网站建设 选中企动力 信息安全研究理论 智慧城市 网络安全 最新网站建设语言 信息安全等保测评要求 2011年网络安全事件 信息安全工程pdf,-1 网站栏目 年轻人过世的常见原因咨询【www.richdady.cn】 婴灵的形成原因咨询【www.richdady.cn】 特殊学校的咨询技巧【www.richdady.cn】 3. 情感与心理咨询咨询【www.richdady.cn】 大龄剩女的婚恋现状【www.richdady.cn】 强迫症的康复训练【企鹅383550880】√转ihbwel 内心恐惧胆怯的情感释放咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 不爱读书的案例分享咨询【www.richdady.cn】√转ihbwel 婚姻生活不顺的沟通技巧咨询【www.richdady.cn】√转ihbwel 去世的父亲的前世缘分咨询【σσЗ8З55О88О√转ihbwel 婚姻生活不顺的原因分析咨询【σσЗ8З55О88О√转ihbwel 大龄剩女的婚恋困惑【www.richdady.cn】√转ihbwel 自闭症的症状与诊断咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 性压抑的自我提升咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 无形干扰的前世记忆咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 无形干扰的咨询技巧咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世老婆的前世修行【σσЗ8З55О88О√转ihbwel 有官司的调解技巧咨询【微:qq383550880 】√转ihbwel 财运不佳的原因分析咨询【微:qq383550880 】√转ihbwel 孩子厌学的辅导方法咨询【企鹅383550880】√转ihbwel 网站栏目 国外优秀网站设计欣赏 2013年 张建军 信息安全 四川网站设计 衡水网站建设最新报价 装修微营销 江西信息安全 什么是搜索营销?搜索营销sem主要有网页优化seo和竞价ppc 信息安全的研究生 上海培训网络营销 什么是搜索营销?搜索营销sem主要有网页优化seo和竞价ppc 建网站怎么弄 提供商城网站网站备案跟域名有什么关系 引擎营销的四个过程 网络安全产品有哪些 中国网络安全国际峰会 网络安全系统实施方案 杰森影像网站建设 南宁网站公司 网络营销模式发展现状 中国信息安全测评中心隶属 南宁网站制作 信息安全等级保护技术 网站类型分类 软件信息安全认证 中国网络营销论坛 2012西电网络安全大赛 破解题目 名词解释搜索引营销 国家信息安全等级保护制度 拨号访问控制 国外优秀网站设计欣赏 信息安全 采访 唯品会营销理念 滴滴出行营销事件 开县网站建设长春网站设计 能源行业信息安全 平台营销有哪些方式 成都大牌广告网络营销 成都大牌广告网络营销 整合营销的好处 信息安全研究理论 单页网站制作 网络营销效果评价方法 营销活动云宽带 成都好网站 企业网络信息安全方案 信息安全博览会,-1 深圳电子商城网站建设 网站建设与推广推荐 东城东莞网站建设政府无线网络安全隐患 海外网络营销做什么 qq免费建网站 甘肃网站建设 超炫的网站 南宁网站公司 全国信息安全考试时间 全国大学生信息安全竞赛题目 衡水网站建设最新报价 提供商城网站网站备案跟域名有什么关系 网站建设明细报价表 中国网络安全国际峰会 装修微营销 网络营销创新模式 滕州做网站 网络营销网站排名 上海网站开发 脑白金的营销理念 国内信息安全公司 信息安全等保测评要求 怎样创建网站 播客营销缺点 信息安全测评师 考试时间 整合营销 代理 邮件营销广告 全国大学生信息安全竞赛题目 网站栏目 网络信息安全防护等级 网站个性化定制服务 社会工程学 网络安全 信息安全等级保护技术 成交型网站 网络安全需求分析需要按照服务器 青岛网站建设迅优 互联网营销是什么 符合国家信息安全产品 2012西电网络安全大赛 破解题目 国家网络安全技术排名 合肥做网站的 滴滴出行营销事件 深圳网站建设公司 网络营销新媒体技巧 邢台做网站推广价格 重庆 网络信息安全,-1 2012年国家下一代互联网信息安全 专项产品测试成绩 北京网站建设第一品牌 国外优秀网站设计欣赏 四川网站设计 网络安全威胁分析报告 免费微网站 网络营销模式发展现状 传播式营销 网络安全作品 网络安全作品 邮件营销模板简约 南宁网站公司 四川网站设计 郑州网站建设 网络安全推广好做吗 营销型网站 个人信息安全指南 网络信息安全作文400 丰都网站 网站建设推广网页设计域名注册企业邮箱虚拟主机 新闻 2013年 张建军 信息安全 网络安全需求分析需要按照服务器 信息安全研究理论 2012年国家下一代互联网信息安全 专项产品测试成绩 信息安全的培训内容 制作网站的公司 网站维护机构 苏州网站制作设计 海尔网上营销案例分析 2017个人信息安全保护 网络信息安全防护等级 网络营销信息源有 信息安全体系广州市网站网页制作公司 成都好网站 装修微营销 社会工程学 网络安全 网络信息安全教育课件,-1 网络安全期刊 信息安全保障系统,-1 信息安全运营中心产品 甘肃网站建设 国外优秀网站设计欣赏 怎样创建网站