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
网站推广方法建网站方法高端网站设计建站金融机构网络安全保护信息网络安全员培训网络营销推广策划公司如何监管网络安全sns社交营销案例分析网络营销行为有哪些特点是什么企业信息安全文章,-1网络营销期刊有哪些以阿汤哥之躯雄霸末世变异世界魂穿异世,成为女帝的灵宠流云豹,一人之下万万人之上,区区系统还想安排我,流云表示怎么可能? 每天吃了睡,睡了吃,系统安排的任务一拖再拖,女帝随手就是仙阶丹药,怎么可能看得上天阶的任务奖励。 对此系统轻蔑一笑,反手安排八代长老率领十五个马仔手持三十米砍刀从南天门一路追杀到蓬莱东路。 流云欲哭无泪。 系统爸爸我错了,我再也不敢了,求放过,嘤嘤嘤……【无毒+不圣母+不送女】 宁凡穿越仙侠世界,觉醒分身养成系统。 开局创建四大分身。 只要把分身培养成大佬,他就能获得奖励。 分身的实力越强,奖励就越丰厚。 于是... 太上宗:我宗道子先天道体,有大帝之姿。 宁凡:对不起,他是我的分身。 紫斗仙宗:我宗圣子摘草可斩尽日月星辰。 宁凡:对不起,他也是我分身。 合欢宗:我宗圣女总该不是你的分身了吧! 宁凡:对不起,她是… 罗刹魔宗:除了这句你还能说点其他的吗? 宁凡:其实你们宗主… … 异族女帝:人族的大佬都是同一个人?笑死朕了! 宁凡:你笑啥?你刚过门的相公,也是我的分身。 异族女帝:???狗贼,啥也别说了,拔刀吧!每个人都是特殊的,都有着自己独特的能力,;每个人都是相同的,都生活在旧时代的废墟和新时代的巨型建筑中。2059年,高层掌管着一切。他们的腐朽统治遭到了人们的反抗。人们成立了革命军。而在这之中,一只特殊的小队,执行着特殊的任务…… 住进了隔离医院重症监护室的许如鹏,重生到了2005年去大学报道的绿皮火车上。前世逃避天作良人,浪迹花丛片叶不沾身,年近不惑,任然孑然一身,这一世,许如鹏还会做同样的选择吗?且看许如鹏情场商场翻云覆雨!凶案连连发生,旷世绝学现世,原始森林险地,让不平静的江南,更是杀气满天。 明末的事情逐渐终结,马孝全来到了秘境,在这里,他将有什么样的冒险呢...... 神奇的大陆,因神兽而支离破碎,又因神兽而得以重生!! 各方势力追寻多年的重宝出世,一场腥风血雨正在酝酿…… 有些人眼中他是救人于危难的神灵,有些人眼中他却是杀人如麻的邪神。 在这个以灵气为本源的大陆上,一代武神横空出世!!!绝世神王,重生一世,修无上逆天功法,有神王传承记忆,偶尔指点一下那所谓的天下大师,随手收几个天才做弟子跟班。 “缺少功法?那很简单!” “没有丹药?容易至极!” “问题是,你跟我混了么?” 这一世,叶星辰注定要踏上那巅峰至强者,以强凌云,以武逆天。时代进步,科技发展,算命也要与时俱进。 为了赚钱,秦天开始了直播算命。 直播间榜一大哥傲然道:”我事业有成,工作顺利,现在就缺一个女朋友,你帮我算算吧。“ 秦天摇头道:“爱情的事情先放一边,我还是先帮你算算事业吧,我掐指一算,你必是黄袍加身啊!”
京东网络营销计划 什么是公司信息安全,-1 网络营销策略心得 信息网络安全员培训 电子商务的信息技术网络安全 昆山高端网站建设 泉州网站设计关于网络安全动态 天缘qq空间营销软件 网络安全 规程 信息安全技术信息系统安全等级 脑部不清晰的自我提升【www.richdady.cn】 孩子不爱读书的家长引导咨询【www.richdady.cn】 事业发展的灵性视角咨询【www.richdady.cn】 祖灵咨询【www.richdady.cn】 意外的原因咨询【www.richdady.cn】 强迫症的自我提升【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 内心恐惧胆怯的自我提升咨询【www.richdady.cn】√转ihbwel 前世老公的前世解析【微:qq383550880 】√转ihbwel 与公婆前世的前世案例咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 改善亲子关系的技巧【微:qq383550880 】√转ihbwel 意外事故对家庭的影响咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 人际关系不好的原因分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子不爱读书的阅读习惯【σσЗ8З55О88О√转ihbwel 升迁障碍的职场晋升【www.richdady.cn】√转ihbwel 纠纷的法律咨询咨询【σσЗ8З55О88О√转ihbwel 纠纷的心理调适咨询【企鹅383550880】√转ihbwel 事业不顺的风水布局咨询【www.richdady.cn】√转ihbwel 升迁障碍的解决方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 亲子关系的教育建议威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世老公的前世故事【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 长沙 网站建设 南京网络安全局 营销型网站优化 信息安全的国家标准 网络安全服务提供的五个基本功能 全国信息安全技术标准 网站制作换下面友情连接 自己弄个网站 营销的视频 公关和营销 手机网站建设中心 优势网网站 网络安全售后服务 成都建网站 网络营销分为哪4个 南京需要做网站的公司 手机 网络安全 哪些行业适合网络营销 单位信息安全的保护 佛山网站seo 联盟营销 互联网营销工具有哪些 网站建设与推广是什么 西安网站空间 需要郑州网站建设 信息安全五个等级 电子商务 网络营销 北邮的信息安全 企业网络营销调查心得 提供佛山顺德网站设计 重庆网络营销价格 实战营销 成都网站建设龙兵科技 鹤壁做网站 信息网络安全员培训 网络安全 职位 禅城区做网站策划 网站建设培训 网络安全服务提供的五个基本功能 石家庄的电商网站建设 营销策略理论的发展 信息安全评估流程 东台网站制作 青岛免费建网站 中央信息安全学院,-1织梦dedecms网站热门关键词hotwords标签 网络安全 规程 深圳网站开发 互联网营销广告语 高端网站设计建站 高端网站设计建站 信息安全工具书比较 g20峰会 网络信息安全 信息安全测评等级划分 和包营销活动方案 广州h5网站开发 企业网站代运营 海峡信息网络安全厂家 石家庄的电商网站建设 青岛找网站建设公司 企业为何要做网站 营销型网站建设案例 信息安全委员会职责 怎样健网站 重庆 手机网站制作如何建立网站 公安部信息安全检测中心 联盟营销 网络安全服务的基本功能 什么创网站 青岛找网站建设公司 单位信息安全的保护 鹤壁做网站 下例我们使用网络安全 灰色的网站 成都网站建设龙兵科技 重庆 手机网站制作如何建立网站 全国信息安全技术标准 信息安全研究 期刊 昆山高端网站建设 网络营销外包推广服务 营销型网站建设页面 国家网络安全信息中心2016信息与网络安全国际会议 百度云资源 网络安全 建网站方法 什么是公司信息安全,-1 广州网站建设信息科技有限公司 如何监管网络安全 长沙 网站建设 2017青岛网络安全会议 校园网络安全分析 网站的意义 禅城区做网站策划 鹤壁做网站 购物网站设计 网络营销行为有哪些特点是什么企业信息安全文章,-1 网络安全密码技术 问答营销方案 信息安全五个等级 互联网营销广告语 网络安全 规程 信息网络安全员培训 网络安全服务提供的五个基本功能 中央信息安全学院,-1织梦dedecms网站热门关键词hotwords标签 怎么检测网络安全 信息安全测评等级划分 病毒营销的三个特点是什么 网站推广方法 问答营销方案 品牌网站开发 行销与营销 开发网站的目标 企业微博营销的特点 我要建立网站 电商信息安全方案 信息安全作业 网络安全检测的主要内容有哪些 数字营销概念 活动营销 sns社交营销案例分析 最新营销推广软件站 网络营销分为哪4个 青岛专业餐饮网站制作 路由器网络安全 网站建设培训 怎么检测网络安全 南京网络安全局 石家庄网站制作找谁 信息安全行业的企业 网络营销的基础与实践报告 网络安全售后服务 怎样健网站 中央信息安全学院,-1织梦dedecms网站热门关键词hotwords标签 电商信息安全方案 网站的互动 网络安全的特殊性 信息安全管理中心,-1 广州网站建设信息科技有限公司 青岛免费建网站 信息安全管理中心,-1 网络营销的基础与实践报告 信任对营销的重要性 深圳网站开发 营销型网站优化 手机 网络安全 信息安全大赛题目 山东省信息安全竞赛 实战营销 网站销售方案 网站建设与推广是什么 路由器网络安全 信息安全管理与相关技术 高端网站设计建站 网络安全 规程 网络营销行为有哪些特点是什么企业信息安全文章,-1 微网站自助建站后台 全国信息安全服务资质咨询,-1 企业手机网站建设精英 联盟营销 校园网络安全分析 电子商务 网络营销 长沙网站制作哪家 网络安全 职位 网络安全密码技术 网络安全的特殊性 山东省信息安全竞赛 山西省信息安全研究院 网络安全服务的基本功能 企业为何要做网站 活动营销 网络安全管理技术和应用 手机网站建设中心 重庆网站真实案例 金融公司网络安全 长沙网站制作哪家 网络营销推广策划公司 信息安全评估流程 重庆网络营销价格 什么创网站 营销策略理论的发展 大学信息安全例子 金融机构网络安全保护 微网站自助建站后台 张掖网站建设 《信息安全研究》 泉州做网站 企业网络营销调查心得 银行 信息安全 案例 信息安全教学 营销型网站建设案例 互联网营销广告语 青岛专业餐饮网站制作 南京需要做网站的公司 信息安全研究 期刊 网络信息安全教育培训 信息安全行业的企业 网络营销分为哪4个 什么创网站 青岛找网站建设公司 单位信息安全的保护 鹤壁做网站 下例我们使用网络安全 灰色的网站 成都网站建设龙兵科技 重庆 手机网站制作如何建立网站 全国信息安全技术标准 信息安全研究 期刊 昆山高端网站建设 网络营销外包推广服务 营销型网站建设页面 国家网络安全信息中心2016信息与网络安全国际会议 百度云资源 网络安全 建网站方法 什么是公司信息安全,-1 广州网站建设信息科技有限公司 如何监管网络安全 长沙 网站建设 2017青岛网络安全会议 校园网络安全分析 网站的意义 禅城区做网站策划 鹤壁做网站 购物网站设计 网络营销行为有哪些特点是什么企业信息安全文章,-1 网络安全密码技术 问答营销方案 信息安全五个等级 互联网营销广告语 网络安全 规程 信息网络安全员培训 网络安全服务提供的五个基本功能 中央信息安全学院,-1织梦dedecms网站热门关键词hotwords标签 京东网络营销计划 营销型网站建设案例 北邮的信息安全专业 石家庄网站制作找谁 全国网络安全镜赛 浙江省信息安全 什么叫新闻营销 西安网站制作开发 海峡信息网络安全厂家 成都建网站 山西省信息安全研究院 广州h5网站开发 网络安全专家指导 企业网络安全报告 动态网站制作 提供佛山顺德网站设计 公安部信息安全检测中心 东台网站制作 绿盟网络安全审计 营销型网站优化 成都建网站 和包营销活动方案 网站推广方法 国家电网信息安全大赛 营销的视频 中国信息安全相关考试 天津网站建设揭秘 信息安全管理与相关技术 最新营销推广软件站 信息安全委员会职责 html5网站欣赏 重庆网站真实案例 网站建设培训 优势网网站 信息安全工具书比较 衡水移动网站建设 泉州网站设计关于网络安全动态 公安部信息安全检测中心 网络信息安全教育培训 网络安全检测的主要内容有哪些 做的好的网站 网络安全实践 青岛找网站建设公司 什么叫新闻营销 提供佛山顺德网站设计 网站制作换下面友情连接 公关和营销 网络营销主要原因分析 网络营销管理的内容 h5营销策略 网络安全服务的基本功能 网络营销管理的内容 网络安全实践 公安网络安全培训课程 国家网络安全信息中心2016信息与网络安全国际会议 营销策略理论的发展 企业网络安全报告 北邮的信息安全 网络安全管理流程 自己弄个网站 网络安全产品 公司 德宏网站制作 手机微信网站设计 银行 信息安全 案例 全国信息安全服务资质咨询,-1 福州网站建设服务商 和包营销活动方案 信息安全2000亿 电子商务 网络营销 论坛营销的解析 信息安全五个等级 北邮的信息安全专业 全国信息安全技术标准 机械营销策划案 网站设计公司 全国网络安全竞赛 网络营销主要原因分析 网络安全管理流程 大连营销外包公司有哪些 网站设计公司 西安网站空间 html5网站欣赏 行销与营销 西安网站空间 电子商务的信息技术网络安全 信息安全的国家标准 网络营销策略心得 百度云资源 网络安全 网站制作换下面友情连接 石家庄的电商网站建设 佛山网站seo 国家信息安全漏洞库 免费网站设计 企业网络营销调查心得 信息安全作业 网站的意义 互联网营销工具有哪些 联盟营销 公安网络安全培训课程 网络营销外包推广服务 南京需要做网站的公司 需要郑州网站建设 广州h5网站开发 信息安全工具书比较 天缘qq空间营销软件 信息安全检测公司 我国网络安全 做的好的网站 营销型网站建设页面 营销的视频 青岛免费建网站 网络安全专家指导 g20峰会 网络信息安全 金融公司网络安全 网络品牌整合营销策划 g20峰会 网络信息安全 信息安全检测公司 重庆网络营销价格 重庆网络安全 电子商务的信息技术网络安全