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网络安全发展趋势计算机网络安全漏洞网站后台显示文章前台也显示 但是到第二天前台就不显示是怎么回事苏州网络营销外包网络安全案件分析网络安全会址和平安宁的世界被一场突如其来的盛大流星雨给彻底打破了。 丧尸、变异生物、来历不明的病毒席卷了全球。 二十二个塔罗教悄然出世,身蕴龙脉的华夏大地吐出了龙息。 这究竟是一场被精心策划的闹剧还是一次没有挽回余地的终末之诗? “嘿,听着。”唐南故的眼神里充满了坚毅。 黑色如鳞片的角质层如铠甲一般覆盖了身体的每个角落, 无数的红色丝线从左手争先恐后地钻出,飞快地凝聚出刀锋的雏形。 右手同样被坚硬的麟甲包裹,只是紧紧地握着腰间的一柄刀鞘漆黑的长刀。 神圣的金光从胸膛处喷涌而出,黑色的身躯被镀上了一层闪耀的光辉,此时的他就如同一位被圣光笼罩的黑暗骑士,矛盾却不违和。 来自远古的气息从他的身上散发出来,就连周围的草木都为之颤抖。 “在这个末世里,”他将深蓝神秘的刀刃从刀鞘中拔出,在空气中划出完美的弧线。 “我可是横着走的啊!”正人君子赵高穿越到玄冥大陆,获得为所欲为系统,八十好感度有概率获得对方十分之一修为,九十好感度可开启为所欲为模式,满百好感度可无忧为所欲为! 别人升级靠修炼,赵高升级靠攻略,万物皆可攻略! 夫人,你也不想被我攻略后为所欲为,无法反抗吧!桀桀桀... ...... 异界门票不是爆史诗的吗?这奶罐、破面具、烤羊腿...是什么意思? 赵高看着每次从异界得到的一推破乱玩意儿陷入沉思。 ...... “三十年河东,三十年河西,莫欺少年...啊~” 赵高:小林,快,把那个喊三十年的给我带过来,别让人打死了。 ...... 大哥你好,我姓韩,在家排第六,你可以叫我小韩... 赵高,猝!...你个老六,我真是服了你了!别让我再碰到你! ...... “我为宗门流过血,我为宗门立过攻...你们不能这么对我...” 赵高:这小白怎么这么胆小?探索遗迹,挖掘古墓,返祖才是最强?怎么越活越回去了。科学的力量才是未来的出路。看一只骷髅怎么在混乱的世界占有一席之地,将一众大佬拉下神坛二十年前,一场大火,父母双亡,与妹妹分离。 二十年后,接到刺杀任务,在战斗过程中,猜测目标是和自己分开了二十多年的妹妹。 因为这个猜测,导致任务失败,受到组织惩罚,“意外”死亡。 重生后,在成长路上,发现了二十年前的那场大火里,还隐藏着不为人知的秘密……清朝道光年间,旗县地头上发生了一件绑架案,涉及人员众多,从县令到知府,还听我娓娓道来这,这是传说中的齐天大圣孙悟空? 他让我过去,还要教授我无敌绝学? 还让我捅破天,大战天庭与佛界? 叶飞流躲在家里偷偷的修仙,对外谎称在家写小说。 别人都不知情,直到某一天,为了救邻居家的小孩,叶飞流一只手拦下冲撞过来的一辆货车。 全村都震惊了。 从此以后,叶飞流带着叶家全族修仙。 十年后,世界与异空间融合,无数外域异兽入侵,一夜之间,全球陷入绝望之中。 就在这个时候,叶家全族挺身而出,御剑飞行,抵挡异兽洪流。 举世震惊! 外国:“天啊,龙国怎么会有那么强大的人。” “我为什么没有生在龙国?!” “啊啊啊,龙国人好幸福,他们有叶家。” PS:土豆出品,必属精品(嘿嘿)! 三界至尊因为前世情缘轮回转世,看似太平无事的天地实则暗流汹涌,在梵天,宙斯,如来,奥丁四方神族矛盾重重的情况下,空能否寻得前世爱人,君临天下?红月当空,全球骤变。拥有力量,你就高高在上,应有尽有,没有力量,你就只能任人宰割。危机爆发,众种族林立,丧尸,异兽,鬼种,人类。九转山河,浩瀚天下,试问天下,谁与争锋!起步比别人晚的颜逸能否追赶众人的脚步,在末日之中杀出一条属于自己的路。  重生综武世,成为天下唾弃的慕容复,不甘心一世无能。   决定先下手为强。   开局迎娶王语嫣,不想大婚当夜意外激活选择系统。   从此神功、内力、女人,统统不缺。   万年内力,无相神功、打狗棍法。   左手搂黄蓉,又手抱芷若。   婠婠为我暖床,妃暄爱我如命。   这一世我兼爱众生!   这一世我掌灭万派!   这一世我文成武德!   此生我为不朽皇者,永生不灭!   皆因我是慕..容..复!
关于共建网络安全的文章 信息安全 大事件 苏州网站制作 网络安全 逆向 1 什么是互联网营销策略 悬念式 营销软文 营销推广中的seo 东软 网络安全 广东省强网杯网络安全大赛 hefei 网站制作 长期失业对个人的影响咨询【www.richdady.cn】 特殊学校的师资力量【www.richdady.cn】 事业不顺的职场建议咨询【www.richdady.cn】 灵性提升课程咨询【www.richdady.cn】 与老公前世的前世解析咨询【www.richdady.cn】 事业不顺的职场心态咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 去世的父亲的去向解析【σσЗ8З55О88О√转ihbwel 失业的自我提升【www.richdady.cn】√转ihbwel 冤亲债主干扰的常见案例【企鹅383550880】√转ihbwel 莫名其妙感伤的前世记忆咨询【σσЗ8З55О88О√转ihbwel 心特别累的案例分享【企鹅383550880】√转ihbwel 事业不顺的职场瓶颈如何突破?【www.richdady.cn】√转ihbwel 如何发现前世缘份咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 家宅磁场的调整方法咨询【www.richdady.cn】√转ihbwel 如何化解婴灵带来的负面影响?【σσЗ8З55О88О√转ihbwel 学习成绩差的自我提升咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 孩子压力大的案例分享咨询【企鹅383550880】√转ihbwel 婴灵的前世记忆咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 大龄剩女的自我提升咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 性压抑的咨询技巧咨询【www.richdady.cn】√转ihbwel 搜索引擎营销搜索引擎营销技术论坛 做一套网站多钱 免费网站建设 百度一下 网页风格是指网站的整体形象给浏览者的综合感受.有的严肃庄重 信息安全行业企业排名 企业信息安全实验室 网络安全大赛视频下载 玉林网站建设 网络安全 人才 2017 网络标题大全 网络安全 网站建设公司是什么 广东省强网杯网络安全大赛 郑州网站优化公司 1 什么是互联网营销策略 高校信息安全建设方案 网站设计理念 复旦信息安全考研 沈阳谷歌网站建设 网络安全靶场 顺的网站建设信息 新营销系统 网站后台显示文章前台也显示 但是到第二天前台就不显示是怎么回事 万户网站制作 微信营销培训总结 对中华人民共和国网络安全法的认识 网络安全初学者应该看什么 营销推广中的seo 东莞网站改版 郑州网站优化公司 信息安全的基本属性是______? 网站建设公司广告服装手机商城网站建设 山西网站建设 对中华人民共和国网络安全法的认识 工信部网络安全负责人 网络营销成功案例 网站建设模板是什么 网站静态 网络安全 逆向 网站营销的方法 新疆信息安全测评中心 互联网营销的哪些特征 网络安全监督管理 网络营销网站 功能 苏州网站制作 网络安全大赛视频下载 昆明 信息安全 1)小米用了哪些网络营销方式公司建网站流程 网络标题大全 网络安全 网络与信息安全管理 顺的网站建设信息 2017网络安全发展趋势 1 什么是互联网营销策略 长春880元网站建设 思考体验营销 旅游项目网络营销案例 关于手机网络安全的 微信营销培训总结 信息安全保护经验 信息安全系统集成资质 工信部网络安全负责人 2013网络安全案例 做一套网站多钱 万户网站制作 网络安全管理员证书 怎样建设网站 济南网站优化公司 网络安全管理员证书 微信营销培训总结 悬念式 营销软文 微网页营销o2o营销-上海单仁信息移动科技有限公司 网站后台显示文章前台也显示 但是到第二天前台就不显示是怎么回事 开源信息安全管理系统 医院要怎样营销方案 网络安全会址 广州信息安全 郑州网站优化公司 android 信息安全技术 网络安全攻防考试试题 关于共建网络安全的文章 银川网站建设多少钱 广东省强网杯网络安全大赛 网站静态 设计网站app 沈阳谷歌网站建设 小程序建站网站 南京网站设计 沈阳网站设计 互联网金融与网络安全 信息安全审计日志 怎么管理网站添加代码 网络营销顾问 万户网站制作 网络安全会址 网络安全设备 网什么意思 怎么管理网站添加代码 hefei 网站制作 昆明 信息安全 网络安全初学者应该看什么 hefei 网站制作 网站商城系统 网站建设公司倒闭 网站开发公司 网络安全攻防考试试题 会员营销的案例 中国信息安全讲座,-1 网络信息安全的小说 搜索引擎营销搜索引擎营销技术论坛 网络安全案件分析 美团内营销 信息安全防护 网络信息安全 专访 湛江有哪些网站建设公司 网络安全靶场 网络安全社团 在网站上显示地图 网站建设 技术 1)小米用了哪些网络营销方式公司建网站流程 中国信息安全讲座,-1 山西网络安全公司 济南网站优化公司 网络安全大数据分析 网络安全问题分析 南京网站设计 网站建站前期准备工作 旅游项目网络营销案例 2013网络安全案例 网络安全问题分析 东软 网络安全 公安部网络安全法 信息安全具有特性 东软 网络安全 网络安全贴吧 湛江有哪些网站建设公司 安丘做网站 做网站域名