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
网站建设流程网络营销与消费者信息安全测评中心 绿盟,-1怎么攻击网站网络营销人员职业规划搜索引擎营销发展现状西安网站架设公司保定设计网站全球华人网络安全大赛全球 信息安全管理2015年工业控制网络安全态势报告个人上网确保网络安全皇帝统治末期,国库空虚,军中已三月无饷。商贸日益凋敝,多有囤积垄断之现象。国政松弛,军机各部亦有欠款之举,海政疲惫,几近崩溃。司法沦为铢两悉称,律令之行惟强者是瞻。全国一片凋零,百姓苦不堪言。以平民出身的议员何志明、海军巡洋舰队司令高柏加少将和备受冷落的皇族子女刘丽嘉决定起义,推翻皇帝,建立共和。与此同时,在外流浪多年、高柏加少将的孙子高楠也回国助他们一臂之力。然而革命成功三年后,“洛基之子”与“撒旦骑士团”的到来让新生的共和国摇摇欲坠...一个二十一世纪的屌丝,刚完成一单新闻,猝死出租屋,还不知道有没有人收尸就来到了楚国,一个有着宋的憋屈明的铁血的平行空间还是异世界?总之不小心成了异性王唯一的子嗣,可能出场姿势不好,被人用锤子打出了的。周边都是贼兵蛮子鞑子,好在有后世的天线一条,不至于被古人玩死成为最惨穿越者,一路泡妞打蛮子,没事就种种地!当然是真的种地。低武境界:人武→地灵→天象→先天宗师(初窥:意思是刚踏入) 中武境界:先天宗师(大成)→人元玄灵境→地元道神境→天元极仙境(初窥) 高武境界:天元极仙境(大成)→归墟境→墟弥境 修真及修仙进阶:金丹→元婴→三花聚顶→仙人 作品的大概论述:夜君宸先是练心→开启大争之世→推动中元统一之路→推动九境归一,还原洪荒世界原貌→高武修仙时代的到来→天下武林为祭品,开启末武时代→末武时代结束,王朝更替,练武末路。(总结概况:盛极而衰)当修真者穿越到了现代,因为语言不通闹出了许多笑话。 谁能想到,一个不起眼学生竟然是修真界的最强者? 最强S级异能者?对不起,只需要一剑。 异能者和修真者的碰撞,核武和仙术的对轰…… 万神共诛九霄上! 千载谁堪伯仲间! 一朝战神陨落!跌入万劫不复深渊。 劫后重生,脚踏荆棘,无数挚友从身旁倒下,步伐从不停止,踏上重修之路! 为了你,我愿与神为敌,与魔为盟…… 这是一个近似未来地球的异世界。 名为“黑石”的神秘矿物能将人的情绪与欲望收割转化,为这个世界提供了近乎无穷无尽的能源。 普通人就是被无尽收割的活能源,如同“工具”和“零件”生存。 财团,高官,各种特权者们争权夺利。 而他将颠覆这个世界的规则。他知道自己想要什么,但他也知道自己该守护什么,底线是什么,靠着一帮兄弟挺起来,靠着大哥的教育,靠着大哥还有各路贵人扶持,一步一步的得到自己想要的,却也失去一些自己曾经拥有的 因胴而生,为诺守诚,纵是天恨欢喜,地厌情深,假作时空锁原初,乱造混沌生浑浊,依然印纹灼赤体,破天重谱万世不灭缘。 一个寻找的故事…… 飞星的宇宙科研舰队,在一次量子跃迁跨空间跳跃中意外穿越暗域,来到了神秘的星球“蛮荒之境”,发现了超级能源——晶能。为了挖掘晶能,舰队首领默德拉利用绝对优势的高级文明科技,向原住民发起了殖民掠夺,意图统治蛮荒之境,遭到了祭师龙瑞恩领导的原住民顽强反抗。随着神秘深渊、梦魇、原初天兽鳆鸦马等反科学现象与物种的出现、以及他亲手设计制造的智能战斗女机器人予舍1026异常的进化表现,默德拉逐渐意识到,蛮荒之境的神秘与未知,远超他的想象,甚至蛮荒之境本身,或许也与飞星有着千丝万缕的时空关联,他不得不反思飞星对立阵营“破天计划”的可行性。 记忆,是个BUG,时间,根本就是假的…… 【神秘身份+民间奇术+历史穿越+异闻志怪】大学毕业前的一个神秘包裹,改变了商文渊的生活。重拾汉帝钦封苍狼典客身份,镇守古丝路诸国气运,却遭中原宗门排挤。从此,你传你的的万民教化,我护我的黎庶安危。承袭阴阳镖局,邂逅千载军魂,解密奇诡邪术,隐遁历史时空。鄯善苍狼,折枪送君。阿维斯塔,真本何在。蜀身毒道,黑白佛牙。西域黄沙下,究竟埋葬了多少历史的隐秘。三百世轮回中,我在哪一世,你又在哪一世。有诗云:神枪且无柄,作剑可堪行。莫犯神州土,丝路有奇兵。西行十万里,黄沙送归途,典客阵前时,莫问阴阳路。 我叫林默,继承了一栋位于繁华CBD区的青山精神病院。 病人们都自称是“女帝”“仙帝”“道主”“斗帝”“仙子”……一副高人做派,俨然是一群玩cosplay入魔的资深二次元病人。而被病人们尊称为“少主”的我则每天都在发愁怎么完成父亲定下来的任务,好卖掉精神病院远离这群二次元入魔的废宅们; 直到——我使用某“仙子”送的替死符 后逃过本该必死的车祸,我才突然发现……自己管理的这群二次元精神病,竟然真的全都是各个超现实元宇宙世界里火爆全服的顶级NPC大佬,可以秒天秒地,无所不能的那种大佬……
模板网站的好处 网站建设流程 12. 简述计算机网络安全内容和系统安全等级 网站灰色 新网络安全法2017翻墙 网络安全网页 河南省网络安全局 网络安全信息法 网站的比较 信息安全是哪三者紧密结合的系统工程 人际关系不好时的心理调适【www.richdady.cn】 无形干扰的原因分析咨询【www.richdady.cn】 婴灵对家庭有哪些影响?【www.richdady.cn】 孩子厌学的案例分享咨询【www.richdady.cn】 感情纠纷的情感咨询如何进行?咨询【www.richdady.cn】 孩子厌学的心理调适威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世老婆的前世故事【企鹅383550880】√转ihbwel 迟缓儿的案例分享咨询【www.richdady.cn】√转ihbwel 儿子抑郁症的咨询技巧【www.richdady.cn】√转ihbwel 纠纷的心理调适咨询【企鹅383550880】√转ihbwel 去世的父亲的前世修行咨询【企鹅383550880】√转ihbwel 如何改善精神不振的状态【微:qq383550880 】√转ihbwel 公司破产咨询【微:qq383550880 】√转ihbwel 什么原因意外的前世影响咨询【企鹅383550880】√转ihbwel 不爱读书的教育建议【企鹅383550880】√转ihbwel 什么原因意外的心理调适【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 与公婆前世的咨询技巧【企鹅383550880】√转ihbwel 官司的法律咨询咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世缘份咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 心慌胸闷头晕的前世因果【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 青岛网站推广 网络事件营销ppt 兰州网站建设|兰州网站制作|兰州网站设计公司|兰州网络公司 网络营销网络市场调研报告 网络安全攻击 12. 简述计算机网络安全内容和系统安全等级 全网营销的模式有哪些 模板网站最大缺点 网站信息安全认证中心 手机版网站制作 美橙互联旗下网站 网络安全的 营销方案网 营销方案班 常州互联网营销公司 网络营销与消费者信息安全测评中心 绿盟,-1 搜索引擎营销发展现状 全球华人网络安全大赛全球 信息安全管理 网站没流量 虎门网站 重庆企业网站建设哪家专业 免费申请做网站平台 网络营销管理 信息安全logo 安徽省信息安全比赛 信息安全展 全面解读网络安全法 信息安全测评机构的资质认定主要有哪些 互联网营销要学什么软件 房产类网站制作商网站制作设计收费标准 知名的网站设计公司 网站被收录 事件营销的特点是 全网营销的模式有哪些 招生网络营销方案 响应式网站建设咨询 西安网站架设公司 网站页面设计 网络营销工程师自学 yes网络安全论坛 盐山做网站 优化公司排名营销推广 达内培训 营销机构SEO 网站的比较 校园网络安全上市公司 信息网络安全大会 恶意刷网站 模板网站的好处 广东南方信息安全产业基地有限公司 数据安全保护系统 破解 工作室网站模板 国内欣赏电商设计的网站 营销方式方法有哪些特点 信息安全的基本目标 黑客风云vip教程 信息安全渗透测试课程 佛山做网站 大学生信息安全知识 开展网络安全工作 校园网站怎么建 贵州 网站建设 网络安全主要涉及信息存储安全信息传输安全网络应用安全等3个方面 模板网站的好处 信息安全管理员定义 信息安全是哪三者紧密结合的系统工程 网络营销策划 费用 什么是互联网新媒体营销策划 重庆企业网站建设哪家专业 020营销 网络安全态势感知技术与系统 优化公司排名营销推广 深圳网站制作 信息安全风险评估涉及( )影响和脆弱性三者之间的可能性评估 深圳营销课程培训 网站信息安全认证中心 网络安全攻击 新网络安全法2017翻墙 佛山做网站 江苏营销型网站公司 网络营销人员职业规划 推广型网站 网络营销要学什么区别 招生网络营销方案 中国信息安全公司 网络营销与消费者信息安全测评中心 绿盟,-1 兰州网站建设|兰州网站制作|兰州网站设计公司|兰州网络公司 华为信息安全 网络事件营销ppt 营销的功能 中国最好的邮件营销edm 汕头网站制作 网络信息安全案例 网络营销要学什么区别 个人信息安全的例子 安徽网站定制 桂林做手机网站 网络营销能力秀软文 开发网站需要哪些技术 网络安全法 行业组织 网络安全网页 网站没流量 营销策划品牌事件口碑 顺德网站建设要多少钱 网络安全法 行业组织 门户网站网站制作 网络安全理想 信息网络安全大会 营销方案班 虎门网站 营销的功能 泉州网站制作 网络安全的发展历史 工作室网站模板 网络安全互助平台邀请码 免费的企业网站 成都网站建设 网络事件营销ppt 公司网站设计 深圳市网络安全公司 网络营销网络市场调研报告 个人上网确保网络安全 营销解决 12. 简述计算机网络安全内容和系统安全等级 微信领袖营销案例 网络安全互助平台邀请码 模板网站最大缺点 网络新闻营销推广代理 互联网营销要学什么软件 手机版网站制作 营销调研 信息安全logo 网络安全的 河南省网络安全局 如何改变网站首页栏目 营销方案班 营销方案网 服务好的微网站建设