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
搜索引擎营销待遇网站案例网络营销怎么实施优秀企业网站设计北京网络安全产业网站永久免费建站apmserv 127.0.0.1 怎么能直接访问本地网站网络安全说明网站怎么推广营销助手软件【奶爸+文娱+沙雕+正能量】  张洋穿越到平行世界,和网红校花周若汐结婚,并产下龙凤胎。   隐婚三年,却意外被狗仔队曝光,遭到老婆黑粉儿狂轰滥炸。   就在张洋无奈之际,坑爹系统……哦不,全能系统觉醒了。   “叮~系统激活,获得免费十连抽。”   张洋:“咋都是谢谢惠顾??”   “叮~只需充值一千万,就能成为尊贵的黄金会员。”   张洋:“系统,你确定是来帮我的?”   “叮~恭喜宿主,获得超级武术技能。”   “叮~恭喜宿主,获得超级学霸技能。”   “叮~恭喜宿主,获得超级音乐技能。”   张洋:“这还差不多~”   周若汐:“老公,你太棒了!我要给你开直播!”   张洋:“老婆,低调,我不想成为大明星!”每一个地方都会产生一些光怪陆离的故事,它们不被记录在书本上只流传在每个人的口口相传中,而这本书将会为你打开一扇你从来未曾听闻过的奇异人文。我无意间穿越到了一个平行世界,这里爆发了魔王病毒,城市沦陷,我要和少数幸存者们一起想办法活下去,他们都是机缘巧合之下注射了国家发放的生化疫苗并出现了抗体活下来的人类。 可身处末世,面对外界的变异者,大家要如何活下去呢? 我的到来让幸存者原本规律的生活出现了变数,变异者开始进化,幸存者也觉醒了异能,一场为了活下去的斗争持续进行着。随着时间的推移,幸存者们竟然发现了这场病毒灾难并不是偶然,到底是谁在背后操控着? 当变数发生的时候,一切超出常理范围的事件都变得理所当然。 变异者和人类幸存者谁才是地球最终的主宰者呢?叶尘从小就是孤儿,大学刚毕业没多久,一次意外遭遇车祸,觉醒系统从此扭转人生,手握亿万财富,开启一段不一样的人生。 青国大元帅:两国交战不斩来使,除非来的是金小宝。 皇圣祖:只要金小宝愿意,我的公主随他挑。 一品太傅:岂有此理,金小宝你别落我手里。 瑶池圣女:金小宝给我滚出来,你躲得了初一,躲不过十五! 二表姐:金小宝,你别躲,我就跺你一根手指头。 月女将军:金小宝,我这三千手下,随时可以为你上刀山下火海。重生归来,再战诸天!那些不为人知的地方,往往出没着一群黑衣人和白衣人。 一个恢弘壮丽的图书馆中,一个小小的图书管理员蓝浅渊在其中不断地摸鱼,直至发现了一本夹杂着魔法阵的书。 瞬间,光芒笼罩。 空灵魔女从此诞生。 这一天,图书馆来了很多白衣人,一位带着银锁的少女被众人推搡,站在图书馆全体员工中一一走过。 她看了一眼站在员工中的蓝浅渊,这一眼如同深渊地狱,只不过她低着头,在他的旁边走过。 或许,小小的图书管理员生活开始发生了转变  红色玛瑙似的石头、会唱歌的古木、夜半时分龙的低沉的吼叫、以及阴森的密林中的鬼怪……以及他,瘦弱的读书之人,却为何要爱上了一位美艳多情的少女,非常不幸地使自己卷进了万劫不复的纷争之中……   风高月黑之夜,他来了,沉重似铁的脚步声一度使石头颤抖,天上的月轮见了也不得不向他点头哈腰。他是真正的强盗,雄伟的身躯,过人的胆魄,尚且还有狡猾的头脑。杀人无数的他略显苍老,却并没有忘记儿女情长,风花雪月的日子使人不变老。他是少女的梦,少女还有另外一个梦,便是那读书人的眼眸,那是何等清澈的泉水般的眸子啊。狭路相逢,一头是那读书人,一头是强盗低沉的怒吼,刀抽出来了,上面残留着映着月轮的寒冷的血…… 这便是玄域之地,离奇可怕之事所在多有,天空一度呈现不祥之色,红色的雨飘洒在苍老的大地如雪花飞舞…… 人们纷纷逃离,而那位读书人却不能,因为他得保护着那位少女……      最后,读书人发现少女竟然… 这是一个山海缘结,仙魔逆变的故事。 被迫遗落在尘世间的孩子,带着凡俗的认知,羁绊与名字,一步步走向修道巅峰。 他要带着红尘的枷锁,肩负着众生的希望,直面诸天仙佛。 人不为己,天诛地灭。少年有志俯天下,这是天剑山弟子叶藏诗十余年来第一回出山。 师兄与师姐的话回响耳畔:“师弟呀,山外的世界很美,灯火阑珊,山河壮丽,人声沸鼎,好不热闹,还有各种好吃的,好玩的,我们差点不想回山了。” 凛冽风中,叶藏诗靠在她的碑前,醉言:“这山下的世界怎地与师兄师姐说得那么不一样。” ……
关于网络安全协议 网络安全资讯网 中国顺德手机网站设计 2017国内信息安全事件 网络立体营销 许可email营销主题设计原则包括 成都 网站设计公司 网络安全 方向 网络与信息安全(第二版) 营销助手软件 事业不顺咨询【www.richdady.cn】 与女友前世的咨询技巧【www.richdady.cn】 存不住钱的自我提升咨询【www.richdady.cn】 婴灵的预防措施【www.richdady.cn】 冤亲债主干扰的解决方法咨询【www.richdady.cn】 孩子学习不好的咨询技巧【微:qq383550880 】√转ihbwel 不爱读书的心理调适咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 亲子关系咨询【微:qq383550880 】√转ihbwel 有官司【微:qq383550880 】√转ihbwel 感情纠纷的情感调解【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 如何缓解耳鸣症状咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 如何应对冤亲债主的干扰【σσЗ8З55О88О√转ihbwel 精神不振的心理调适咨询【σσЗ8З55О88О√转ihbwel 为什么过世的前世案例咨询【www.richdady.cn】√转ihbwel 大龄剩女的咨询技巧【www.richdady.cn】√转ihbwel 纠纷的案例分享咨询【微:qq383550880 】√转ihbwel 事业不顺的改运方法咨询【σσЗ8З55О88О√转ihbwel 忧郁症【企鹅383550880】√转ihbwel 如何预防过早离世咨询【微:qq383550880 】√转ihbwel 冤亲债主干扰的心理影响咨询【企鹅383550880】√转ihbwel 网络安全法专题培训 网络安全资讯网 信息安全与通信工程 网站上传文件存储方式 网站推广营销 千人群营销 网站管理系统 无线网络安全审计系统 邮件营销的有点 信息安全实验课怎么上 网络安全漏洞论坛 关于网络安全协议 佛山网站建设 顺德建网站的公司 网站维护等 一个好网站 衡水网站建费用 速升网站 信息安全的课程 公安部网络安全认证 网站信息安全通报制度 分析一个网站 全屏类网站 龙岗 网站建设 合肥网站制作报 微博营销服务内容 营销包 如何策划网络营销活动 深圳网站制作平台 郑州做网站的外包公司 网站设计总结 深圳网站制作平台 网站的方案 一个好网站 郑州做网站的外包公司 信息安全竞赛试题 中国互联网网络安全 网络营销中文版 网络立体营销 qq飞车网络安全存在风险 网络安全整体解决方案 成都网络营销公司地址 网站维护等 网络安全谣言 六安做网站 网络立体营销 中企动力技术支持网站 河东做网站 温州网站设计 铜陵网站建设 华为 网络安全特性网络安全实验室 wp 网络安全法专题培训 合肥网站制作报 国家信息安全研究院 我国的网络安全的现状分析 apmserv 127.0.0.1 怎么能直接访问本地网站 搜索引擎营销待遇 工业智能网络安全 二维码营销 营销包 rss营销的基础是 淄博网站制作 党员信息安全 网络营销要学什么? 自助做网站 网络与信息安全(第二版) 营销外包 属于信息安全产品 网站设计总结 微网站建设包括哪些内容 做网站团队 福州网站制作公司名字 山东网站建设推广 网站案例 济南网络营销推广 我国的网络安全的现状分析 网站怎么推广 全屏类网站 网站推广营销 聊城做网站建设的公司 郑州做网站的外包公司 广迅营销网 无锡网站制作哪家强 信息安全示例 1大型门户网站服务功能 网络安全 方向 网站的维护 广州网站设计公司排名 衡水网站建费用 个性化网站 聊城做网站建设的公司 诸城网站制作 网络安全信息通报机制 美国国家信息安全保密总统令 译文 airbnb特色营销 信息安全的课程 网络安全活动信息 许可email营销主题设计原则包括 浙江 网络安全 宁德营销策划 优帮云 网络安全法 2016 techcrunch 网络安全活动信息 网络安全资讯网 网络安全行业招聘 如何利用网络平台营销 网站速成 信息安全测评机构 资质 网站的维护 信息安全等级保护测评 费用 可口可乐网络营销策划 网络安全漏洞评估系统设计与开发 源码 外贸营销网站建设 湖南网络与信息安全测评中心 网站怎么推广 网络安全 方向 网站响应式和非响应式 信息安全认证书 福州网站推广 百度知识营销广告 负面营销#NAME? 外贸整合营销方案 中国计算机网络安全网 外贸营销网站建设 最新网络安全动态 邮件营销的有点 企业网站 三合一 信息安全技术有 品牌营销主题 滴滴 信息安全的实现目标,-1 网络安全知识库 北京网络安全产业 网络安全漏洞论坛 网站速成 网站营售 网站信息安全通报制度 无锡网站制作哪家强 全屏类网站 信息安全等级保护 措施 微博营销服务内容 百度知识营销广告 学网络营销4个月多少钱如何与网站管理员联系 山东网站建设推广 信息安全国家重点 网站上传文件存储方式 网络营销个人网站 好的信息安全论坛 网络和信息安全通报实行 网络安全谣言 速升网站 网站管理系统 和网络安全有关的工作的通知 网站建设工作 杭州建网站 和网络安全有关的工作的通知 网站上传文件存储方式 信息安全实验课怎么上 访问京东为网站选择5个核心关键词和30个长尾关键词? apmserv 127.0.0.1 怎么能直接访问本地网站 如何策划网络营销活动 温州网站设计 营销助手软件 零食网络营销策略 千人群营销 app营销案例 广州网站设计公司排名 网络营销要学什么? 宽带成功营销案例 公安部网络安全认证 优秀企业网站设计 成都网络营销公司地址 合肥网站制作报 网站 云建站 铜陵网站建设 福州网站制作公司名字 网站维护等 二维码营销 无线网络安全审计系统 学网络营销4个月多少钱如何与网站管理员联系 网站管理系统 airbnb特色营销 关于网络安全的新闻稿 无线网络安全审计系统 青岛专业做网站的公司网站开发流程 网络安全整体解决方案 浙江 网络安全 青岛专业做网站的公司网站开发流程 分析一个网站 长安建网站公司 网络营销难不 网络安全说明 网络安全谣言 重庆营销网站建设 信息安全示例 网站永久免费建站 澳大利亚 网络安全部 中国互联网网络安全 负面营销#NAME? 中国国家网络与信息安全信息通报中心,-1 关于网络安全协议 长春网站建设公司 信息安全实验课怎么上 网络安全是什么专业 qq飞车网络安全存在风险 网站营售 淘宝店铺全年营销方案 龙岗 网站建设 信息安全 国家 学院,-1 网站案例 网络营销中文版 信息安全 演讲 国家信息安全研究院 教育网站建设信息安全核心 党员信息安全 网络营销中文版 信息安全审核员薪资,-1 千人群营销 六安做网站 信息安全审核员薪资,-1 网络立体营销 华为 网络安全特性网络安全实验室 wp 网站的方案 分析一个网站 可口可乐网络营销策划 个性化网站 网络与信息安全(第二版) 网站上传文件存储方式 网络安全法专题培训 学网络营销4个月多少钱如何与网站管理员联系 产品网络安全红线2.0 信息安全技术有 网络安全法 2016 techcrunch 湖南网络与信息安全测评中心 信息安全等级保护 措施 深圳网站制作平台 最新网络安全动态 1大型门户网站服务功能 济南网络营销推广 做网站团队 信息安全的课程 搜索引擎营销待遇 信息安全国家重点 佛山网站建设 中国互联网网络安全 长沙市网站制作公司 国家信息安全研究院 广迅营销网 信息安全与通信工程 信息安全的实现目标,-1 天津 企业网站建设 网络安全 方向 百度知识营销广告 网络安全是什么专业 企业网站 三合一 网站的维护 营销e-mail 山东网站建设推广 许可email营销主题设计原则包括 二维码营销 信息安全示例 信息安全 演讲 微网站建设包括哪些内容 泊头建网站 网络安全整体解决方案 西宁网站制作 网站设计总结 北京网络安全产业 中国顺德手机网站设计 信息安全认证书 山东网站建设推广 网络安全资讯网 品牌营销主题 滴滴 衡水网站建费用 网站维护等 济南网络营销推广 宁德营销策划 优帮云 rss营销的基础是 网络安全 方向 网络安全漏洞论坛 长春网站建设公司 产品网络安全红线2.0 工业智能网络安全 长春网站建设公司 衡水网站建费用 网站速成 内蒙做网站 网络安全产品国外品牌 长沙市网站制作公司 如何利用网络平台营销 网络安全知识库 聊城做网站建设的公司 网站响应式和非响应式 网站怎么推广 网络安全活动信息 网络安全谣言 广州网站设计公司排名 2017国内信息安全事件 网络安全是什么专业 北京做网站公司 长安建网站公司 上海做网站 公司 如何利用网络平台营销 网站信息安全通报制度 网络安全运行维护 外贸整合营销方案 网站推广营销 信息安全测评机构 资质 网络安全漏洞论坛 网络安全信息通报机制 福州网站推广 网站推广营销 网络安全行业招聘 微网站建设包括哪些内容 信息安全审核员薪资,-1 网络安全行业招聘 我国的网络安全的现状分析 信息安全等级保护 措施 淄博网站制作 网站 云建站 rss营销的基础是 全屏类网站 网络营销模式的特点是什么意思 外贸营销网站建设 信息安全的实现目标,-1 信息安全等级保护测评 费用 网站营售 airbnb特色营销 负面营销#NAME? 网络营销中文版 属于信息安全产品 澳大利亚 网络安全部 华为 网络安全特性网络安全实验室 wp 泊头建网站 龙岗 网站建设 宽带成功营销案例 工业智能网络安全 营销外包 顺德建网站的公司 网络营销怎么实施 app营销案例 网络安全资讯网 网络营销个人网站 顺德建网站的公司 网络运维与信息安全 微博营销服务内容 自助做网站 国家信息安全研究院 信息安全竞赛试题 上海市网络安全宣传周 分析一个网站 青岛专业做网站的公司网站开发流程