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
十堰网站建设单位网络安全等级保护工作年度考核情况企业网站的一、二级栏目名称网站推广页网安部门维护网络安全重庆专业网站设计服务信息安全指导意见信息安全审核员要求中国网络安全大会17长沙专业做网站 我叫林默,继承了一栋位于繁华CBD区的青山精神病院。 病人们都自称是“女帝”“仙帝”“道主”“斗帝”“仙子”……一副高人做派,俨然是一群玩cosplay入魔的资深二次元病人。而被病人们尊称为“少主”的我则每天都在发愁怎么完成父亲定下来的任务,好卖掉精神病院远离这群二次元入魔的废宅们; 直到——我使用某“仙子”送的替死符 后逃过本该必死的车祸,我才突然发现……自己管理的这群二次元精神病,竟然真的全都是各个超现实元宇宙世界里火爆全服的顶级NPC大佬,可以秒天秒地,无所不能的那种大佬…… 他,后脑勺多出一块骨头,出生时正好父亲海上遇难,于是他被叶家当作是反骨仔、煞星灾星,是江海豪门叶家没落的罪魁祸首,所以他从小在叶家受尽欺凌,活的不如一条狗,甚至,还被叶家利用亲生母亲,逼他联姻宋家第一丑女千金。殊不知,得到了阴阳鱼玉佩的他不仅成为了悬壶济世的圣手神医,还是杀伐果断的神州大将。 且看他退役回归都市,在保护好自己想要保护的人下,是如何将都市掀起一阵狂风暴雨,是如何让整个世界都为之一颤……2155年,大战之后的一百多年,地球上一片疮痍,人们依旧生活在物资匮乏的世界之中,此时,由地球联合政府授意,一款由中文meta公司开发的元宇宙游戏《天下》即将上线,这是一款号称人类“第二世界”的游戏,在这款游戏里你可以获得一切,金钱、物资、武器、地位,应有尽有。 少年林昭,一个意外成为植物人的贫民区机车少年,偶尔获得了游戏里的一个内测机会,是否能改变命运,重启新的人生? …… 这款《天下》游戏的故事背景空前强大,融合了各大爆款IP,《修罗武神》《万古第一神》《九星霸体诀》《超级兵王》……你可以在中文IP宇宙里体验各种奇异的世界,不同的人生! 本书又名《剑仙元宇宙》!数万年后,地球灵气复苏,曾经的“神”们为“拯救”地球和维护自己的地位,想要启动人类清除计划,主角高扬是一名神明的后代,从小便了解各种修仙的知识,期初他不相信有灵气,修仙之类的,他只想学习,但灵气复苏,社会暴乱,各种国际土崩瓦解,只有几个强国依然强势,开辟了仙学双修的道路,身为神名后代的高扬被家族强制送往学校,在家族各种道具的帮助下,本就天赋异禀的高扬很快就达到了最高境界,但并不是只有他有天赋各色各样的家族觉醒,有些人想要争霸天下,就联合各大神名进行“人类清除计划”,在不断的猎杀下,人们民不聊生,生不如死,高扬不忍加入,于是渡劫飞升,前往更高维度,寻找拯救地球的方法,但那一场雷劫劈碎了他的一切,只有他的血脉和体质没变,他原以为自己只能从零开始,但他强烈的愿望带给了他一个特殊的东西——维度守护系统【迪化】+【无敌】+【搞笑】,叶凡穿越到修仙界,经过千辛万苦方才踏入修仙一道,本以为自己只是个刚刚踏入修行的炼气境小修士,殊不知他早已无敌,外面的修士见了他全都尊称一声前辈.......叶凡表示有些懵逼,原来练气境也可以无敌于世间.........我本无意争锋,却被迫推上高位,在血与火中,一步步走到天的举世瞩目的高度,那么就剩下天了......来自他的故事传奇。本为一个纨绔子弟,却在命运的指点下踏上了修炼的道路。重振雷宗,称霸虎门,求得美人心,踏入仙门,守护世界。网大公开课入群专享课程福利在一个强者林立的世界,万亿物种生灵衍生,不断地突破自身,打破天理禁锢,追寻命运之根本,长生之久视! 一个平凡普通的人族少年,从一个小村落走出,搅动风云,气吞山河,开启一个新时代! 外族入侵,人族将何去何从。天才纷纭,万体之尊,混沌神魔再临时间。各族之间,纷争不止,该当如何做结。
网络营销师 2016中国网络安全技术对抗赛 做好的网站如何上线 网络 营销 手机 2017年最新网站设计风格 信息安全 中心 信息安全安全性评价,-1 网络安全字体 第二届360杯全国大学生信息安全技术大赛,-1 网络安全宣传案例信息安全管理体系是指:,-1 感情纠纷的情感疏导【www.richdady.cn】 亲子关系的家庭氛围【www.richdady.cn】 孩子不爱读书的应对策略咨询【www.richdady.cn】 缺心眼的自我提升【www.richdady.cn】 化解祖灵的仪式流程咨询【www.richdady.cn】 性压抑的心理调适咨询【微:qq383550880 】√转ihbwel 前世缘份的常见类型咨询【www.richdady.cn】√转ihbwel 特殊学校的环境影响【微:qq383550880 】√转ihbwel 迟缓儿的心理调适咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婴灵的存在有哪些科学依据?咨询【www.richdady.cn】√转ihbwel 亲子关系的家庭氛围咨询【www.richdady.cn】√转ihbwel 去世的父亲的前世记忆【σσЗ8З55О88О√转ihbwel 孩子不爱读书的应对策略威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 灵魂治疗与心理辅导【www.richdady.cn】√转ihbwel 强迫症的前世因果【www.richdady.cn】√转ihbwel 强迫症的康复训练【σσЗ8З55О88О√转ihbwel 孩子厌学的前世因果威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 解梦的前世影响咨询【σσЗ8З55О88О√转ihbwel 莫名其妙感伤的咨询技巧咨询【σσЗ8З55О88О√转ihbwel 特殊学校的前世记忆【www.richdady.cn】√转ihbwel 2017年最新网站设计风格 信息安全安全性评价,-1 国家网络安全哪天统一 什么叫b2b营销模式 网络视频营销案例 论坛营销案例 网络营销实训课程ppt模板 网络营销实训课程ppt模板 石家庄网站制作 海尔公司营销策划 天津网站建设包括哪些 营销网站与传统网站的区别 网络安全模拟实验网络安全生态峰会 官网 主动测量 网络安全 信息安全理论技术与应用基础 盈利型网站 网络营销软文案例 网络安全软件应用有哪些 海尔公司内容营销分析 网络营销优缺点分析 网络营销优缺点分析 全网营销文章 计算机网络安全员 长沙网络营销外包 网络 营销 手机 互联网营销网站有哪些 网站建立公司四川 深圳网站平台 网络视频营销案例 计算机信息安全技术 付 网络营销课程网站 网络安全的5的因素 网络安全 管理 网络安全实验室 注入 重庆 营销公司排名 高端网站定制 网站如何被百度收入 任丘网站优化 广州学网络营销 杭州网站设计公司有哪些 上海三零卫士信息安全有限公司北京科技分公司 阿里妈妈的营销推广平台中产品有哪些?每个产品的作用有哪些? 创宇技能表 信息安全 信息安全安全性评价,-1 网站的需求 电商营销平台 个人网站建设 网站建设品 2016中国网络安全技术对抗赛 富阳网站建设 武汉市大型的网站制作公司 什么叫b2b营销模式 石家庄网站制作 脑白金的营销 南昌建网站 上海做网站公司 安全评估 网络安全法 信息安全虚拟机,-1 什么是网络安全扫描 计算机信息安全是什么 成都 做网站 模版 什么是网络安全扫描 什么叫b2b营销模式 第二届360杯全国大学生信息安全技术大赛,-1 网络营销实训课程ppt模板 单位网络安全等级保护工作年度考核情况 上海网站设计开 天津网站建设包括哪些 十堰网站建设 做网站多钱信息安全 软件 营销班级 网站行销 2012到2013中国信息安全状态及发展趋势 网络广告营销模式案例 网络营销的奥秘pdf网络安全成果 rss营销的作用 银监网络安全专项治理 重庆网络营销公司排名 企业如何做网站建站 做网站的流程 天津网站建设包括哪些 遵义网站建设 青岛网站建设迅优 余额宝市场营销策略 网络营销方案简述 2016中国网络安全技术对抗赛 信息安全虚拟机,-1 脑白金的营销理念 网络安全模拟实验网络安全生态峰会 官网 网络营销方案简述 主动测量 网络安全 上海三零卫士信息安全有限公司北京科技分公司 网站建立公司四川 主动测量 网络安全 建设手机网站包括哪些费用吗 网站设计psd 什么是网络事件营销 信息安全是指信息在 上海做网站公司 福州搜索引擎营销 o2o网站建设代理商 上海网站开发 春晚的网络营销方案 病毒营销是什么意思 网络营销软文案例 国内欣赏电商设计的网站 浙江省网络安全办公室 计算机网络安全员 第二届360杯全国大学生信息安全技术大赛,-1 网络安全软件应用有哪些 北京网络安全工程师培训 信息安全2015 病毒性营销的视频案例 网站的总体架构 网站推广页 苏州高端网站设计 网络营销优缺点分析 合肥网站制作需 信息安全服务运维承诺 郑州网站建设最独特 中国网络安全大会17 网络营销优缺点分析 免费网络营销 2012到2013中国信息安全状态及发展趋势 淄博做网站推广哪家好 免费网络营销 企业网站的一、二级栏目名称 网络安全字体 网站地图制作 建设手机网站包括哪些费用吗 苏州营销 怎么做微网站 长沙网络营销外包 专业的搜索引擎营销企业 湖南网站优化