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
一个网站多少钱营销推广的策划书信息安全奖 致辞手机微信一体网站建设网路营销沈阳做企业网站的公司百度推广营销计划哇哈哈整合营销方案网络安全加固方案趋势科技网络安全证书一段坎坷的爱情故事。感激孙淑娟老师与水木布衣一路的支持和鼓励刘阳三岁被一对不孕夫妇收养,同时被收养的同龄妹妹刘晨与他一起进入刘家,却因天生怪病被另眼相看,这般悲惨命运却被一位白发神医华佗扭转......一个关于五大守护神和人类齐心协力一同扬善的故事。【莫轻烟我爱你用尽了最后一丝力气对着一个貌美的女子说道】 偏爱都市爽文的顾辰 正在美滋滋的看着小说 江辰:不是我说,这个反派也太傻了吧 亏我还跟他同一个名字 谁知道下一秒江辰被传送到了 这本书的boss 面对反派无脑挑屑 惨遭主角打脸的狗血桥段 顾辰应该怎么面对 顾辰一脸懵逼的躺在10米的豪华大床上 【滴!反派系统已绑定】 顾辰也是淡定了下来 系统在手 第一女主未婚妻 将军爷爷 商界大亨父亲 京都第一世家长子 这个身份! 江辰忽然感觉 当一个大反派也不错!那些年 有感人的爱情 有动人的友情 有令人心寒的亲情 或是身不由已 或是一时冲动 无论结果如何 那都是自己选择的青春 炽热,火一般滚烫的青春小道士出世当警察,收魂、灭魄、封神明,几世轮回定天下。 布局不断为世人。 正可谓:时光为盘,魂做子,千年棋局起风云!虽然我是救世主,但我很低调,遇到敌人打的过就打,打不过我就滚!猥琐发育,别浪!普通学生林牧泽,在一次受伤落水之后获得未知力量,又在古墓之中得到真传。自此,他从一个被收养的孤儿,摇身一变,成为神医。 主人公彭程因为父母罪恶深重,又因其痴呆而遭受非人的折磨。因其诚实、善良、守信,得到了高人的指点和教诲。他在一次次的磨难后,练就了一身过硬的本领。但是随之给他带来的便是匡扶正义,斩除邪恶的使命,每次都面临着生与死的较量。   这里既有“樯橹灰飞烟灭”的激战场面,也有“执手相看泪眼,竟无语凝噎”动人的儿女情长场面,还有令人动容的父子、朋友间的真挚情感,更有“人生得意须尽欢,莫使金樽空对月”的豪气冲天。读起来让人魂肠梦断、思绪万千,拍手叫绝。 小说 构思精巧,情节曲折,内容令人深思!仙帝萧凡重生玄幻世界,开局觉醒太古雷神体,激活签到系统,祖地签到,获得降龙十八掌。神都王朝签到,获得地心炎。雀巢签到,获得朱雀幼崽。无数年后,萧凡重回仙界,争霸仙魔妖界。
绵阳网站建设 网络安全基础的rsa的全称是什么 h5网站开发 健身器械网站建设案例 h5网站开发 信息安全月报 网络安全领域的工作 外贸营销网站建设 网络营销的案例分析 济南网络安全培训 构建和谐亲子关系的方法有哪些?咨询【www.richdady.cn】 亲子关系的沟通技巧咨询【www.richdady.cn】 婴灵的常见案例【www.richdady.cn】 构建和谐亲子关系的方法【www.richdady.cn】 感情纠纷的解决技巧咨询【www.richdady.cn】 儿子抑郁症的前世因果威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 冤亲债主干扰的表现咨询【σσЗ8З55О88О√转ihbwel 莫名其妙感伤【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 外灵的预防措施咨询【www.richdady.cn】√转ihbwel 前世因果咨询咨询【σσЗ8З55О88О√转ihbwel 外灵的干扰特征咨询【σσЗ8З55О88О√转ihbwel 公司破产的前世记忆咨询【企鹅383550880】√转ihbwel 亲子关系的沟通技巧【www.richdady.cn】√转ihbwel 前世缘份对现世的影响咨询【σσЗ8З55О88О√转ihbwel 升迁障碍的职场策略有哪些?咨询【σσЗ8З55О88О√转ihbwel 升迁障碍的真实案例有哪些?咨询【企鹅383550880】√转ihbwel 头脑混沌的咨询技巧咨询【www.richdady.cn】√转ihbwel 婴灵的超度与家庭和谐咨询【微:qq383550880 】√转ihbwel 精神不振的心理调适咨询【微:qq383550880 】√转ihbwel 构建和谐亲子关系的方法咨询【企鹅383550880】√转ihbwel 工业网络安全公司排名 济南网站建设企业 外贸网站模板建立 信息安全 东盟,-1 中央网络安全和信息化领导小组 工信部 网络安全领域的工作 2016年中国网络安全发展形势展望 网站主色调简介 工信部 网络安全处 信息安全备案 一个网站多少钱 济南学网络营销 国内信息安全软件厂商 国内全屏网站有哪些 网络安全认证官网 支付宝全网营销软件 哈尔滨做网站 论坛营销的解析 漏洞对网络安全的危害 网络安全法二十一条 许可电子邮件营销案例 杭电信息安全 顺德营销网站设计 公安部 信息安全廊坊做网站 信息安全奖 致辞 保定市网站建设 网络安全基础的rsa的全称是什么 黑客对网络安全的影响 泰合信息安全运营中心系统-日志审计 中软信息安全考试题库 外贸建网站 网络安全周宣传活动 医院网络营销是什么意思 河北做网站哪家公司好 网络安全相关文章 漯河做网站 1号店微信营销方案 优衣库微博营销案例 优衣库微博营销案例 智能网联 信息安全,-1 网络营销的案例分析 网站步骤 信息安全定级指南 如何建立自己的网站 网络安全产品名字 wifi网络安全问题 营销带来哪些好处 一个网站多少钱 聊城定制化网站建设 网络安全密匙显示字符(h) 网络安全与病毒防范 pdf 外贸营销网站建设 美国网络安全标准 四川大学网络安全硕士 不属于网络营销的职能 推广类网站 沈阳做企业网站的公司 信息安全动画 网络营销师值得学吗 企业员工信息安全培训 论坛营销的解析 一个网站多少钱 企业员工信息安全培训 美国网络安全标准 2016年中国网络安全发展形势展望 济南网络安全培训 冰桶挑战网络营销分析 网络安全威胁情报市场 百度推广营销计划 中央网络安全和信息化领导小组 工信部 惠州网站开发公司 信息安全和网络安全 wifi无线网络安全意义 2014年中国互联网网络安全报告 信息安全奖 致辞 泰合信息安全运营中心系统-日志审计 网络安全审查 俄罗斯 c2c网站有哪些 趋势科技2014 年第一季度信息安全报告 网络信息安全和合作 福建网站建设 营销实例 制作公司网站价格 信息安全等级保护... 小米成功营销案例分析 昆明网站推广优化 北京网络安全技术大赛 网络营销师值得学吗 中央网络安全和信息化领导小组 工信部 杭电信息安全 漯河做网站 云网络安全 移动公司信息安全培训 网络安全应急响应中心 云网络安全 哈尔滨做网站 青岛网站建设找 整合营销一站式服务 计算机信息网络安全的技术支持 电商商城网站建设 北京网站开发制作公司 乌海网站建设 信息安全月报 2017年信息安全研讨 绵阳网站建设 趋势科技2014 年第一季度信息安全报告 珠海网站建设哪家好 网络安全 ppt 2017 信息安全渗透测试求职,-1 2016年中国网络安全发展形势展望 云流网络安全吗 唐山做网站 关于公司建网站 第三届网络安全宣传周 网站制作 深圳信科网络 资讯网站排版 企业信息安全哪个方面是最重要的 工业网络安全公司排名 外贸营销网站建设 网路营销 乌海网站建设 建站员工网站 网络安全合格证好办吗 网络安全基础的rsa的全称是什么 2014年中国互联网网络安全报告 摄影网站设计 网络安全网络文明 方维制网站 网络安全 内容安全 信息安全 软件安全实验 昆山网站建设 聊城定制化网站建设 公安部 信息安全廊坊做网站 许可电子邮件营销案例 黑客对网络安全的影响 网络综艺营销策划 网站步骤 论坛营销的解析 b2b营销推广软件 亳州网站制作 新手怎么做网络营销 制作公司网站价格 昆明企业网站开发 网络安全演讲 网络安全基础的rsa的全称是什么 不属于网络营销的职能 c2c网站有哪些 信息安全就业好吗 重庆整合营销那家好 操作系统信息安全网站 托管 第三届网络安全宣传周 目前网络安全市场 网络安全威胁情报市场 isccc信息安全服务资质 推广类网站 维护国家网络安全英语版 中软信息安全考试题库 外贸网站模板建立 网络营销计划 重庆整合营销那家好 河北做网站哪家公司好 h5网站开发 公司网站定制常州品牌网站建设 房地产网络营销 建手机网站一年费用 沈阳做企业网站的公司 社会 信息安全意识 1号店微信营销方案 信息安全标准wg 移动公司信息安全培训 王老吉网络营销方法 阳光网络安全资料 网络营销的缺点 网站制作 深圳信科网络 网络安全具体措施 凡客建网站 维护国家网络安全英语版 北京网络安全技术大赛 网络安全与病毒防范 pdf 外贸营销网站建设 美国网络安全标准 四川大学网络安全硕士 不属于网络营销的职能 推广类网站 沈阳做企业网站的公司 信息安全动画 网络营销师值得学吗 企业员工信息安全培训 论坛营销的解析 一个网站多少钱 企业员工信息安全培训 美国网络安全标准 2016年中国网络安全发展形势展望 济南网络安全培训 冰桶挑战网络营销分析 网络安全威胁情报市场 百度推广营销计划 中央网络安全和信息化领导小组 工信部 惠州网站开发公司 信息安全和网络安全 wifi无线网络安全意义 2014年中国互联网网络安全报告 信息安全奖 致辞 泰合信息安全运营中心系统-日志审计 网络安全审查 俄罗斯 c2c网站有哪些 趋势科技2014 年第一季度信息安全报告 网络信息安全和合作 福建网站建设 营销实例 制作公司网站价格 信息安全等级保护... 小米成功营销案例分析 昆明网站推广优化 北京网络安全技术大赛 网络营销师值得学吗 中央网络安全和信息化领导小组 工信部 杭电信息安全 漯河做网站 云网络安全 移动公司信息安全培训 网络安全应急响应中心 营销推广的策划书 手机微信一体网站建设 沈阳做企业网站的公司 哇哈哈整合营销方案 趋势科技网络安全证书 网络安全基础的rsa的全称是什么 论坛营销的解析 如何建立自己的网站 企业员工信息安全培训 方维制网站 网络安全法正式施行 社会 信息安全意识 昆明企业网站开发 聊城定制化网站建设 营销实例 网络安全加固方案 聊城定制化网站建设 资讯网站排版 四川大学网络安全硕士 营销带来哪些好处 信息安全事件趋势分析 河北做网站哪家公司好 isccc信息安全服务资质 制作公司网站价格 泰合信息安全运营中心系统-日志审计 公安部 信息安全廊坊做网站 摄影网站设计 营销推广的策划书 建网站首页图片哪里找 互联网信息安全资质 整合营销一站式服务 信息安全定级指南 信息安全就业好吗 网络安全审计平台 甘肃做网站哪家好 国内信息安全软件厂商 漯河做网站 网络营销的案例分析 分析我国网络营销现状分析 计算机信息网络安全的技术支持 网络安全分类标准 重庆整合营销那家好 信息安全保护等级 国标 网络营销结语信息型网站 工信部 网络安全处 武汉营销公司 关于公司建网站 网站主色调简介 房地产网络营销 分析我国网络营销现状分析 企业信息安全哪个方面是最重要的 中国信息安全著名专家,-1 更新网站内容有什么用 目前网络安全市场 外贸建网站 网站制作 深圳信科网络 网络营销的swot 建手机网站一年费用 网络安全密匙显示字符(h) 广州网站制 郑州个人做网站 网站步骤 健身器械网站建设案例 趋势科技网络安全证书 医院网络营销是什么意思 乌鲁木齐网站建设 武汉营销公司 网络营销计划 网络安全合格证好办吗 信息安全 CC 认证 wifi网络安全问题 信息安全备案 国内信息安全软件厂商 工信部 网络安全处 网络安全 内容安全 网络安全周宣传活动 哈尔滨做网站 qq网络安全有哪些 利于优化的网站 金融业银行信息安全 重庆网站推广 wifi网络安全问题 石家庄网站设计 网络安全具体措施 1号店微信营销方案 信息安全保护等级 国标 网络营销不包括网络营销管理与控制网店营销策划公司 济南网站建设企业 信息安全标准分为 平面设计师网站 中国信息安全测评中心广东测评中心 营销实例 唐山做网站 网络安全认证官网 优衣库微博营销案例 漯河做网站 漏洞对网络安全的危害 新手怎么做网络营销 qq网络安全有哪些 许可电子邮件营销案例 推广类网站 网络安全分类标准 中软信息安全考试题库 网络安全领域的工作 网络营销计划 哈尔滨做网站 济南网站建设企业 支付宝全网营销软件 方维制网站 软件系统信息安全建设,-1 广州网站制 珠海网站建设哪家好 软件系统信息安全建设,-1 中软信息安全考试题库 信息安全定级指南 智能网联 信息安全,-1 温江建网站 网络安全 内容安全 上海营销推广 网络安全法正式施行 网络安全法二十一条 保定市网站建设 网络安全应急响应中心 第三届网络安全宣传周 网络安全产品名字 深圳口碑营销 济南网络安全培训 石家庄网站设计