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
2017网络安全周时间软件信息安全测评中心待遇,-1石家庄做网络推广的网站西安网站托管专业公司内蒙古网站设计广东网络安全和信息化领导小组网络信息安全 考试系统鞍山做网站网络综艺营销策划2016国内信息安全事件(轻松搞笑+海王+多女主+文抄公+迪化) 那一年……陈黎回到了17岁。 看着镜子中的自己,欲哭无泪。 生性散漫的他剪掉长发后,却像是变了一个人…… 他身披众多马甲,游离在万花之间。 众人对他的认知,始终停留在表象。 父母觉得他是软饭王! 美女觉得他是绝对的天才! 朋友觉得他是江湖大佬! …… 实际上,陈黎只想做一个真诚的人。 ps:本书又名《我的马甲有点多》、《我真的很专一》 南陌城是个三线的小城市没什么特别吸引的或许是这样张清之在这里开了一家饮料店,店里有一条很奇怪的规矩便是不准带走,但也因为古怪留住一批古怪的顾客,也因此引出大家的故事……玄渊,究竟有多高,带着这个疑问 一位位诸天万界的领袖,踏入了万世轮回 百万年,千万年,重复着同样的命运 直到一位命途多舛少年的出现,命运的齿轮停止了转动,仙魔双瞳,横扫无敌,当远古神魔大战真相浮出水面 少年望着镇压万世轮回的背影,周慕:我这一剑,想问问你,究竟有多高一位小家族出身的李星幼时父母便不知所踪,由于父亲犯下的错,使得他倍受同族欺凌。资质平平的他在炼丹方面却天赋卓绝,偶然得到一门顶级功法,书中竟有强大的书灵,在书灵的悉心指导下,他的修为也一日千里,他立志要成为大陆最强修仙者,为自己正名。天地初开,灵气强人,戾气暴人,二者相平,这个世界,修炼需要极强的韧性。自人族开灵智以来,修神道,锻神器,创体系,撰写功法,御外敌,击域外生灵,人族得以生存繁衍万载,而今乱世将至,万族争锋,域外生灵再临,看人族再造辉煌。 一个贫苦的年轻人...... 一支可画万物的笔...... 一个又一个的未解之谜,传说、民间灵异、外星科技...... 逆袭的路上充满荆棘,不畏权贵,惩奸杀恶痛快淋漓。 纵横都市偷心各类美艳佳人,上演一部叱咤天地的不朽传奇!这是一片浩瀚的星空,星空下分布着众多大大小小的星球,在星空中央有一颗超大星球在慢慢旋转。   这颗超大星球很不一样,在远处看去上面分布着,长着像是数百个大小不一的白蘑菇,如果在近处看,这些白蘑菇竟然是一个个大小光罩。   光罩大小有三种,有两个最大光罩的分布在超大星球两端,中等的光罩有数十个,不规则分布在一端的一个大光罩比较远的周围,最小光罩最多有数百个,星星点点在中等光罩和另一端大光罩中间,其中有几个最小的光罩,紧挨着另一端大光罩周围。   浩瀚星空中某个方向一个黑洞突然出现,黑洞慢慢由小变大。不知过了多久,在变大的黑洞中间隐隐透出淡淡彩光,彩光不知什么东西竟然快速的变亮?。不一会就彩光芒万丈穿透黑洞,彩光像流星一样直线朝浩瀚星空飞去。   彩光直线飞行经过无数星球,竟然没碰到一颗星球,只是险险从坠石星球擦着而过。彩光不知什么东西,随着时间推移慢慢变淡……强子、秃鹰、梁叔各怀鬼胎的三人在机缘巧合下到会稽山寻觅黄龙玉,半路上遇到枭,经历一系列事情后决定结伴寻玉。待其进入会稽山中的洞穴后发现了一个神秘潭——汇龙潭。围绕着汇龙潭展开了一系列探寻“天眼”神秘力量、寻找阿尔法通道及探索的经历。在一系列经历过程中,三人各自的多重身份逐一揭开,同时人性中的扭曲与复杂也一一呈现。最终发现“天眼”神秘力量其实源于内心——佛魔居方寸,善恶一念间。 在寻找“天眼”神秘力量和阿尔法通道过程中,葛钰、阿郁和龙王先后出现,伴随着一系列的阴谋、阳谋犬牙交错中,阿郁和强子的真实身份逐一浮出水面,他们自以为天衣无缝,岂不知这一切被“天眼”一览无遗。正当其自以为即将大功告成之际,却惊讶地发现:他们自始至终都是上峰手里的棋子,而上峰也不过是自己欲望的奴隶。可谓:机关算尽太聪明,枉送了小辈们性命。而所谓的“宏图伟业”也不过是黄粱一梦,徒增笑料而已。其实“天眼”神秘力量就在人心而已。一段关于预言的故事,一场跨越万年的史诗传说,科技与魔法,信仰与自然,脱离老套的设定,木牌传说,带给你全新的奇幻体验。
部队网络安全协议书 广东地方网络安全法规 整合营销传播的作用 数字证书信息安全 中国信息安全检测中心 广东网络安全和信息化领导小组 网站与与云的关系 专业的营销网站建设公司 企业营销推广方案 软件注册信息安全吗 去世的父亲的去向解析咨询【www.richdady.cn】 心慌胸闷头晕的自我提升【www.richdady.cn】 事业不顺的心态如何调整?咨询【www.richdady.cn】 去世的父亲在哪【www.richdady.cn】 财运不佳的原因有哪些?【www.richdady.cn】 如何应对冤亲债主的干扰咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 存不住钱的理财建议威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 什么原因意外的前世解析咨询【微:qq383550880 】√转ihbwel 精神不振的前世因果【微:qq383550880 】√转ihbwel 人际关系不好【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 家庭关系的和谐共建方法有哪些?咨询【www.richdady.cn】√转ihbwel 投资项目的财务规划【σσЗ8З55О88О√转ihbwel 财运不佳的财富增长威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生的奇妙经历【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 忧郁症的自我提升咨询【www.richdady.cn】√转ihbwel 忧郁症的咨询技巧咨询【σσЗ8З55О88О√转ihbwel 财运不佳的财富管理方法有哪些?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 邪灵的感应现象咨询【企鹅383550880】√转ihbwel 人际关系不好时的心理调适咨询【企鹅383550880】√转ihbwel 孩子学习不好的前世因果【企鹅383550880】√转ihbwel 涪陵网站建设 深圳网站订制开发 国家信息安全技术部门 网站建设流程案例 信息安全风险评估的一般步骤 部队网络安全协议书 广东地方网络安全法规 信息安全控制基础原则 信息安全大赛2015年获奖名单 中国信息安全检测中心 网络安全部 长春营销外包 简约网站 无锡做网站哪家好 网络信息安全博览会 参加,-1 零售网站建设 义乌建网站 学校网站的作用 乾冠信息安全研究院怎么样 济南网站建设 国家网络和信息安全信息通报中心 第8章 网络安全与管理基础 织梦dedecms网站热门关键词hotwords标签 网站与与云的关系 佛山新网站制作特色 深圳市能士信息安全公司 qq空间营销 软件信息安全测评中心待遇,-1 内蒙古网站设计 鞍山做网站 北京网站的建立 企业网络安全状况 网络安全对抗数据赛 数字证书信息安全 梧州网站优化 青岛营销推广公司电话 陌陌做营销 前端营销企业建网站多少钱 手机网络安全会议2017 信息安全服务资质 设计网站考虑哪些因素 网络安全 知识点 上海网络公司网站 北京网络安全周 必知的网站 网站建设:翰臣科技 2016网络安全事例 国家网络和信息安全信息通报中心 无锡网站推广公司 社交媒体营销英文怎么说 信息安全技术基础 2016网络安全事例 软件注册信息安全吗 营销推广方式有哪 信息安全大赛2015年获奖名单 软件注册信息安全吗 网络安全规则 宁波网络营销 北京网站建设公司电话网站备案信息加到哪里 网络安全对抗数据赛 信息安全的基本属性 企网络安全措施 北京网站的建立 南通网站建设教程 衡水网站设计费用 国家信息安全技术部门 零售网站建设 网站建设策目标 国家信息安全工程中心地址 成都企业网站建设公司 2015网络安全周 重庆市公安局网络信息安全服务网站 3. 计算机网络安全是 杜跃进 信息安全 长春营销外包 网站免费搭建 星沙做网站 南桥做网站 企业营销推广方案 上海网络公司网站 乾冠信息安全研究院怎么样 网站建设资料 信息安全 恶意代码 整合营销传播的作用 信息安全防范技术水平 营销是企业 大学生 网络安全 东莞网站设计制作 南桥做网站 信息安全科普 ppt 信息安全服务资质咨询 网络安全规则 信息安全等级测评机构能力要求 商城网站功能模块有哪些 网络安全模拟仿真 郑州机械网站制作 深圳网站订制开发 乾冠信息安全研究院怎么样 做网站的时候网站的第一个字母怎么在网站标题前面显示 比如谷歌g一样 网站建设流程案例 网络安全 日志分析 东台建网站 部队网络安全协议书 品牌网络营销服务商数字证书信息安全 南山网站建设 信息安全控制基础原则 大连网站建设 内蒙古网站设计 中国信息安全检测中心 学校网站的作用 佛山新网站制作特色 长春营销外包 整合营销传播的作用 平安集团网络安全 无锡做网站哪家好 天津网站建设 专业的营销网站建设公司 零售网站建设 广东地方网络安全法规 专业的营销网站建设公司 学校网站的作用 手机网络安全会议2017 263网站建设怎么样 济南网站建设 网站建设资料 网站营运 第8章 网络安全与管理基础 信息安全等级保护测评机构申请表,-1 西安网站建设制作 网站与与云的关系 营销推广方式有哪 信息安全等级测评机构能力要求 深圳市能士信息安全公司 互联网信息安全报告 网站免费搭建