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
建网站中企动力青岛市网络安全办公室网站访问流程设计佛山新网站制作平台建大网站营销推广公司西安信息安全测评中心 凌晨互联网网络安全周上海网站改版南京公司网站特工小强凭借着矫健的身手,在一个又一个阴谋和漩涡中挣扎和自救,身怀着坚定的信念和国家的信仰,在异国它乡中惊险之旅看破风云,风起云涌,修真者被害穿越到武侠世界,众美女如云,长相思伴,看他如何踏破 虚空,称霸武林,独领风骚 。【2020末世科幻经典】 系列第一部《星神劫》。 穿越数百万光年,他居然又回到了出发的地方——地球。 “他”重返地球了,但没人认得。没人知道,这颗行星上文明的毁灭,正是拜他所赐。 他舍弃了种族和肉体,依靠附体三柱神强横的灵力,一步步操纵着文明的演化。 QQ群:926185550,欢迎进群讨论。 2050年,一颗直径超过10公里的小行星落入浪漫之城玛丽安娜境内,随后,地震引发的海啸淹没了第五大陆,全球气候发生剧变,爆炸扬起的尘埃覆盖了天空,遮蔽了太阳,全球温度下降了约15摄氏度,人类陷入恐慌之中。 2051年,武器商人赫尔曼以合众国的名义进入第二大陆东北角的贫穷国家,索尼亚。 2055年,第二大陆被索尼亚统一 2059年,第四大陆,雨林之国森巴的原政府被推翻,新政府上台。 2060年,第一大陆南部国家被不明势力尽数占领。 2061年,第五大陆剩余土地上,除不列颠帝国外,全部沦陷,同年,赫尔曼发表通告,宣布建立人类复兴政府,向现存各国宣战。 同年,世界建立了北部战时联合国,东部战时联合国以及西部战时联合国,向人类复兴政府宣战。 2074年,这是世界变成地狱的13年后,也是故事的开端。 主人公艾维一家原本生活在一个和谐美满的小渔岛中,但突如其来的一场变故,使得小岛面目全非,自此兄妹俩不得不开始背井离乡,踏上颠沛流离的生活,但却从此书写了一段恩塔格瑞大陆的传奇故事这是一个发生在名叫瑞尔大陆上的故事,在这个大陆上有着一种名为星能极为丰富资源,但是这资源极其难利用,对人体的星能适应性要求很高,所以对这方面的研究并未太深。 直到帝国已经发展到末路,可利用能源的日益减少,帝国不得不向着星能这方面研究。藏执事,十方院八大执事外四执事之一,掌管收藏奇物秘宝的仓库,流沙秘门。五十五年前麦地偶然得知灭魔庭不为之人的计划,而这一切皆因占星坪算得所谓正道式微,魔涨道消的冥冥定数。守正辟邪的最后手段自居的灭魔庭决定冒险逆天而行,但需要流沙秘门内某物和阴阳灵脉的协助。麦地在对寂执事苦劝无果后,发现整个十方院甚至观道观的高层已然默许。不得已,他做了一个毕生都难以至信的决定,封印阴阳灵脉然后在挚友的帮助下改天换命销声匿迹.三年前,剑宗第一天才叶雄为了承诺,隐瞒身份入赘到落魄王朝林家。 三年后,林王驾崩,林萱继位,世界暗潮涌动。魔族蠢蠢欲动,各方势力开始扩张版图,林家岌岌可危。 叶雄手持天罚,夺城池,杀魔物,战万兽,“林萱,我会为你斩在一条女帝之路。” 圣历3000年,大帝国涅星共和国内,正举行一年一度的神圣大祭典,一切如往年般安定祥和。然而出乎所有人意料的是,天空突兀出现了一个吞噬一切的可怕漩涡。异像来临之际,于虚无教廷前,迷一般的少年降临,教廷大司祭做出了预言。 命运轮盘的指针到底会如何转动,世界将会如何改变?命中注定的五人,一场邂逅神秘的红发少女,少年与伙伴们又该何去何从?究竟会在浮世挣扎生存,还是踏上毁灭之路?陆恒睁眼。 他看见—— 朱门富贵,穷奢极欲,酒池肉林,骄奢淫逸。 世间如狱,命如草介,白骨蔽原,不见人烟。 他抬头—— 乌云遮日,不见烈阳。 黑云压城,暴雨将至。 他提刀—— 光明不复,亦为之前驱。 希望在身,愿为之赴死。 少年任侠? 不如做个开天辟地、荡尽妖邪的大魔。
公安部网络安全研发中心 营销总裁班 网站访问流程设计 网络营销实训ppt模板 ted演讲 网络安全 网站优化外包 精致的网站 信息安全服务资质 hp 精致的网站 linux网络安全 论文 灵魂化解与心理疗愈咨询【www.richdady.cn】 事业不顺的职业规划如何制定?【www.richdady.cn】 前世缘份如何影响今生?咨询【www.richdady.cn】 感情纠纷的情感和解【www.richdady.cn】 大龄剩女的婚恋困惑咨询【www.richdady.cn】 交通意外的常见原因威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 发育倒退的心理调适咨询【微:qq383550880 】√转ihbwel 与男友前世的记忆解析【www.richdady.cn】√转ihbwel 婴灵的化解方法咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 耳鸣的医学检查咨询【www.richdady.cn】√转ihbwel 特殊学校的环境影响咨询【微:qq383550880 】√转ihbwel 婴灵的超度与心理安慰咨询【σσЗ8З55О88О√转ihbwel 头脑混沌的生活习惯【www.richdady.cn】√转ihbwel 官司的预防措施咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 强迫症的环境影响咨询【σσЗ8З55О88О√转ihbwel 大龄剩女的情感困扰【www.richdady.cn】√转ihbwel 与老公前世的影响分析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 如何克服“缺心眼”的问题咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 亲子关系的自我提升威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 商业决策的心理学支持【σσЗ8З55О88О√转ihbwel 网站系统 手机网站设计咨询 杭州网络安全公司 地址 nist网络安全框架 根据国家网络安全 公安部网络安全研发中心 常州网站推广 2016年关于网络安全的案例 gb/t20273-2006信息安全技术数据库管理系统安全技术要求 青岛市网络安全办公室 建大网站 论坛如何做病毒营销方案 营销推广公司西安 关于进一步推进人民法院信息安全等级保护工作的通知,-1 信息安全数据库安全 微博传播营销的特点 网站兼容9 佛山新网站制作平台 移动支付推广营销方案 京东目标市场营销 闸北区网站建设 网站后台 网络安全主要涉及( )信息传输安全网络应用安全等3个方面 下面( )不属于网络安全技术 ted演讲 网络安全 什么是微网站 国外的网络营销企业 建站公司 网站 北京市信息安全 医院营销网 常州网站推广 高端网站制作公司 网络营销120种 微博传播营销的特点 信誉好的龙岗网站制作 对于网络安全的建议 2016年关于网络安全的案例 网络安全攻防作业 找人做网站 网站访问流程设计 广州网站制作 网络安全文章 信息安全数据库安全 公安部关于网络安全 南京公司网站 找人做网站 网络安全和信息化官网 黄山网站建设 德州网站优化 建网购网站 英语营销邮件 网站不收录 国外的网络营销企业 个人落实网络安全法 网络安全主要涉及( )信息传输安全网络应用安全等3个方面 广州网站制作 网络营销实训ppt模板 网络安全主要涉及( )信息传输安全网络应用安全等3个方面 信息安全服务资质 hp 河南信息安全研究院有限公司 营销总裁班 大连建网站公司 公安部关于网络安全 衡水专业网站建设公司 2017网络安全竞赛 营销界名人 成都网站设计 行业网络安全培训 网络安全文章 全校大会 网络安全周 网上营销渠道有哪些. 科技网站配色方案 杭州网络安全公司 地址 怎么做营销型网站设计 微网站建设方案 黑白网络安全 网站备案不通过怎么解决 公司网站开发制作 信息安全治理 精致的网站 网络安全攻防作业 中国黑白it信息安全 东莞市做网站的公司 企业网站网络营销职能 全屏网站 网络安全小方向 软件 网络安全的发展阶段 网络安全技术比较 网络安全协会活动 全校大会 网络安全周 医院网站建设解决方案 互联网网络安全周 企业品牌宣传型网站 东莞网站推广公司 网络安全法颁布的意义 上海建站网站简洁案例 建网购网站 国外的网络营销企业 北京市信息安全 石家庄网站设计制作服务 营销案酒店行业 互联网营销 网站兼容9 gb/t20273-2006信息安全技术数据库管理系统安全技术要求 营销推广公司西安 网站建设初期 信息安全保护是指,-1 上海建站网站简洁案例 根据国家网络安全 网络营销实训ppt模板 网站不收录 上海网站改版 做网站推广 信息安全的产业联盟 互联网大会 网络安全 网络安全身份验证功能有什么用途 广州建网站县级网站 网络安全中存在的问题有哪些问题 河南信息安全研究院有限公司 如何理解IT信息安全 信息安全嘉年华 信息安全专业正,-1 全网营销模式 网络安全攻防作业 互联网 信息安全 广州建外贸网站 行业网络安全培训 佛山新网站制作平台 深圳建网站的公 黑白网络安全 营销型网站有哪些出名的 南京公司网站 网络安全文章 全网网站建设优化 临沂做网站 网络安全控制软件安全防护安全管理及法律法规等四个层次上考虑. 微网站建设方案 公安部关于网络安全 网络安全控制软件安全防护安全管理及法律法规等四个层次上考虑. 建网购网站 网站优化外包 长春建设平台网站的公司 全网营销模式 网络与信息安全 期刊 互联网营销的就业前景 互联网网络安全周 营销案酒店行业 互联网营销 网站建设初期 信息安全的证书 深圳网站开发公司 佛山学校网站建设 6月1日网络安全 wifi 医院网站建设解决方案 精致的网站 6月1日网络安全 wifi 互联网营销的就业前景 信息安全 培训 企业间网络营销案例 石家庄网站设计制作服务 信息安全系 营销网站建设企划案例 整合营销理论案例分析机器人信息安全威胁,-1 网络安全中存在的问题有哪些问题 信息安全专业正,-1 网络营销120种 网站设计佛山顺德 信息安全治理 黄山网站建设 2017网络安全竞赛 装修网站建设 常州网站推广 黑白网络安全 360网络安全技术中山移动网站建设公司 临沂做网站 广州建网站县级网站 软营销网 东莞营销网站制作 互联网 信息安全 长春建设平台网站的公司 公安部关于网络安全 移动支付推广营销方案 ted演讲 网络安全 互联网 信息安全 成都网站设计 网络安全法颁布的意义 网站的风格 信息安全的产业联盟 德州网站优化 网站兼容9 办公室 信息安全工作 事件营销的优缺点 建大网站 网络安全攻防培训 医院网站建设解决方案 关于进一步推进人民法院信息安全等级保护工作的通知,-1 黄山网站建设 2017网络信息安全峰会 国外的网络营销企业 个人落实网络安全法 黑白网络安全 广州网站制作 网络营销实训ppt模板 网络安全主要涉及( )信息传输安全网络应用安全等3个方面 常州网站推广 工控信息安全检查方案 英语营销邮件 网站设计佛山顺德 网络安全主要涉及( )信息传输安全网络应用安全等3个方面 成都网站设计 网络营销推广方法案例分析 信息安全 培训 网络营销是什么 伪静态网站 软营销网 2001年网络营销事件 互联网网络安全周 事件营销的优缺点 2017网络安全竞赛 个人落实网络安全法 网站系统 信息安全数据库安全 互联网大会 网络安全 下面( )不属于网络安全技术 东莞网站推广公司 个人落实网络安全法 青岛市网络安全办公室 网络安全法是我国 网站的风格 旅游响应式网站建设 网站访问流程设计 青岛市网络安全办公室 整合营销理论案例分析机器人信息安全威胁,-1 大连建网站公司 网络信息安全法 2016 linux网络安全 论文 2016年关于网络安全的案例 手机网络营销的案例分析 营销型网站有哪些出名的 网络安全的新技术 网站不收录 网络安全的发展阶段 深圳网站开发公司 网站建设初期 网络营销微观环境包括 科技网站配色方案 商务型网站模板 制作网站报价 网络安全中存在的问题有哪些问题 黑白网络安全 德州网站优化 杭州网络安全公司 地址 关于进一步推进人民法院信息安全等级保护工作的通知,-1 精致的网站 行业网络安全培训 整合营销理论案例分析机器人信息安全威胁,-1 网络安全 blog 企业间网络营销案例 互联网网络安全周 营销案酒店行业 互联网营销 网站建设初期 信息安全的证书 深圳网站开发公司 佛山学校网站建设 360网络安全技术中山移动网站建设公司 医院网站建设解决方案 精致的网站 6月1日网络安全 wifi 互联网营销的就业前景 信息安全 培训 企业间网络营销案例 网络安全控制软件安全防护安全管理及法律法规等四个层次上考虑. 信息安全系 营销网站建设企划案例 网络安全的发展阶段 京东目标市场营销 信息安全专业正,-1 网络营销120种 网站设计佛山顺德 根据国家网络安全 黄山网站建设 2017网络安全竞赛 网络安全性是什么协议 常州网站推广 长沙网站制作公司 360网络安全技术中山移动网站建设公司 大连建网站公司 广州建网站县级网站 软营销网 东莞营销网站制作 互联网 信息安全 长春建设平台网站的公司 公安部关于网络安全 整合营销理论案例分析机器人信息安全威胁,-1 营销网站建设企划案例 网络安全法颁布的意义 网络营销是什么 网络安全控制软件安全防护安全管理及法律法规等四个层次上考虑. 信息安全保护是指,-1 信息安全治理 互联网网络安全周 路由器网络安全密匙 下面( )不属于网络安全技术 网络安全攻防培训 对于网络安全的建议 东莞网站推广公司 网站优化外包 深圳网站开发公司 精致的网站 杭州网络安全公司 地址 微博传播营销的特点 上海网站改版 全屏网站 什么是微网站 全网营销模式 网站的风格 整合营销理论案例分析机器人信息安全威胁,-1 软营销网 大学网络安全先学什么 网站备案不通过怎么解决 东莞市做网站的公司 当今信息安全局势 科技网站配色方案 网站设计佛山顺德 网络安全性是什么协议 使用下载的整站asp源代码建设自己的私人网站需要注意哪些 网络安全受到哪些威胁 佛山新网站制作平台 找人做网站 信息安全的产业联盟 nist网络安全框架 还有网站吗 网络安全法颁布的意义 网站系统 linux网络安全 论文 企业品牌宣传型网站 2001年网络营销事件 上海网站改版 信息安全专业正,-1 网站备案不通过怎么解决 网络安全 blog 企业间网络营销案例 gb/t20273-2006信息安全技术数据库管理系统安全技术要求 网络与信息安全 期刊 旅游响应式网站建设 网站备案不通过怎么解决 ted演讲 网络安全 网络安全威胁中断 广州网站制作 2016年关于网络安全的案例 伪静态网站 高端网站制作公司