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网络安全技术防火墙2012年网络安全网络营销课程济南网络安全行业销售怎么做网站设计文档中文名《弑星者:红桃皇后》 英文名《Starkiller:Hearts queen》(星际杀手:红心皇后) 2066年全世界经过长期流行病和核战争后总人口锐减至6亿,全球财富被资本家垄断并且统一为地球联邦政府后,人类贫富差距进一步扩大,资本阶级肆意挥霍地球资源,导致地球温室效应持续增加,环境被破坏已经不可逆,一系列恶果导致瘟疫和饥荒肆虐全世界,人类存亡已经危在旦夕....人类争夺资源被迫开始自相残杀,甚至作死发动全球核战争最终导致核污染破坏了整个地球的生态环境,人类在绝望中不断消亡 核冬天来临的废土世界,来自银河系中央掌管46个一级文明的银河帝国全面接管了地球,将地球划分为12区,人类受到了外星文明的压迫与奴役,然而,人类并未完全屈服,获得外星反抗军支持的地球天人组织&amp;lt;弑星者Starkiller&amp;gt;向银河帝国发起挑战...一场牵扯全宇宙战争浩劫全面爆发 这是一个混乱的世道,看一对小乞丐怎么逆袭,成为一方霸主!!!如果人生还有的选择,我又何必这样? ﹝本书抖音号∶周少爷的刀,67104207116﹞ 人在江湖身不由己。他的刀轻易不能出鞘,出鞘就得死人,杀人如同吹灯,什么时候开刀噬血?只在一念间。剑走轻灵,取日月之息,潇洒江湖。然而,剑道漫漫,成功者寥寥无几。在世间剑修没落的时候,一位少年阴差阳错走上了习剑之路……七岁时觉醒了力量的萧一,因各种机缘来到了这个空间,神之子的他,将如何面对自己的使命呢?民国时期,乱世纷争,邪教横行,人心惶惶。萨满预言之子机缘巧合离开传承地,在京城高门中长成新青年,一次诡异的经历让他和邪教结下不共戴天的命运之仇,从此把结束乱世当做使命。一个现代习武者重生到了平行的全职法师世界。 这里魔法为尊,法师从最基础的星子开始修炼魔法,一步步觉醒新的魔法系,迈向强者之路,和威胁人类的妖魔抗争。 蓝星的一切几乎都能在那里体现,唯独不同的是,这里的一切都用魔法解释,那些令人仰慕的伟人,也都是各系巅峰的法师。 “既然魔法只要远程轰炸就行,那历史书插图上的古人为何还要穿带盔甲武器?”前武者陈平百般不解,直到遇到了一次难得的机会。 “古代的魔法到底是什么,魔法源头又是怎么传承发展的?” “耍帅装13的事有莫大魔王就好,我还是低调而有内涵地钻研魔法吧,在这个奇趣的世界,只知道打打杀杀而不探索其中奥妙,未免太可惜了!” 外表看似平平无奇、内心向往光怪陆离的陈平,有挂而不外露,打算在“低调”的探索中,搞出一番大事业。看似平凡安逸的生活,实际却暗潮涌动,当原本其乐融融的潜在势力群雄并起时,这个世界能否像以前一样昂首挺胸的迈向未来的下一个篇章?陈御芝醒来,发现自己穿越到了自己曾经玩过的游戏《域外仙魔》中,而随之而来的除了系统面板,还有绑定的太祖长拳。 你有法术,&amp;quot;看我太祖火球拳。”一拳击出,举火烧天 你是剑仙,&amp;quot;看我拳剑相杀。”一拳击出,万剑横空 任你万法齐出,我自一拳破之。
深圳品牌模板网站建设 衡水做网站找谁 信息安全事件管理规范 品牌营销 长沙 网络安全行业销售怎么做 信息安全认证培训公司 公安部 信息安全认证 网络营销出来有用没 网站建设seo优化的好处 网络营销策略实训 意外事故的应急处理方法咨询【www.richdady.cn】 前世今生的因果关系【www.richdady.cn】 前世缘份的前世案例咨询【www.richdady.cn】 与老公前世的影响分析咨询【www.richdady.cn】 财运不佳的财富管理咨询【www.richdady.cn】 心慌胸闷头晕的咨询技巧威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 投资项目的自我提升咨询【企鹅383550880】√转ihbwel 存不住钱威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与女友前世的前世案例【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 迟缓儿的治疗方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 脑部不清晰可能是哪些疾病的表现【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 脑部不清晰的解决方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子压力大的环境影响咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 提高情商的方法咨询【微:qq383550880 】√转ihbwel 缺心眼的自我提升咨询【微:qq383550880 】√转ihbwel 缺心眼的沟通技巧咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 冤亲债主干扰的表现【www.richdady.cn】√转ihbwel 亲子关系的咨询技巧咨询【企鹅383550880】√转ihbwel 家宅磁场咨询【企鹅383550880】√转ihbwel 官司的解决方法咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 营销失败案例 网络营销出来有用没 网站跳出率 南宁专业网站制作设计 广州信息安全培训机构 公安部 信息安全认证 衡水做网站找谁 门户类网站费用 信息安全 笔记本 南阳网站营销外包公司 营销职能 个人网站模板 网站分享设计 网站的模板 信息安全事态或事件 龙岗网站建 国家重视网络安全 网络营销策略实训 微网站首页 青岛微网站建设 国家网络安全宣传周 深圳品牌模板网站建设 网站设计文档 京东的营销策略分析报告 网站单页 营销调研的基本方法 网络营销负面 日本网络安全专业硕士 电脑技术 网络安全 信息安全 程序员 2012年网络安全 2017信息安全会议 成都 朔州市网站建设 信息安全保护等级测评标准 网站没更新 支付宝网络营销案例分析 定制os 信息安全 网站公司成功案例怎么写 树莓派做信息安全 网络个人信息安全 网络安全和信息化小组 石家庄医院网站建设 龙岗网站建 信息安全总局 整合营销传播的效果 信息安全 rss 营销失败案例 济南学网络营销 青岛微网站建设 实行信息安全等级保护 淮南网站建设好 品牌营销 长沙 营销的微博 电商平台信息安全 网络营销出来有用没 营销社会环境分析第九届信息安全竞赛 朔州市网站建设 网站网站注册 网络营销策略实训 网络安全会议 甘肃网站制作公司有哪些 郑州手机网站推广公司网站关键词更新 佛山企业网站建设咨询 网站跳出率 网络安全讲竞赛 讲话 佛山网站建设的品牌 婚纱摄影网站制作 微网站首页 支付宝网络营销案例分析 学习营销 信息安全 rss 如何打造网站 网站网站注册 计算机技术与信息安全 佛山网站建设的品牌 网站前台 信息安全 测评 网络安全动漫 2012年网络安全 广州信息安全培训机构 北大信息安全在哪个学院 培训网站建设 网络营销课程济南 淮南网站建设好 南阳专业网站建设 佛山企业网站建设咨询 购物网站如何推广 网站维护? 企业手机网站建设策划 信息安全等级保护 五级标准 厦门有没有做网站的 电脑技术 网络安全 营销机 有哪些网络安全论坛 网络安全是黑客吗 全网整合营销服务商 网络安全和信息化小组 网络安全的基本特征有 镇江网站建设 营销调研的方法 网站设计文档 如何用代码设计一个网站有前台和后台一般用什么语言设计网站 门户类网站费用 门户类网站费用 信息安全等级保护 五级标准 深圳品牌模板网站建设 网络安全的基本特征有 设备和网络安全专用 京东的营销策略分析报告 低价营销方案 网络设置的网站 社交媒体营销要不要做 信息安全 笔记本 网络安全评价标准主要 佛山网站设计代理商 网络营销课程济南 网站单页 网络安全生态峰会 地址 维护国家网络安全英语版 国家信息安全部门 南阳网站营销外包公司 个人网站模板 网络安全网络探测实验 整合营销传播的效果 实行信息安全等级保护 信息安全保护等级测评标准 信息安全 程序员 网络营销推广培训班 成都网络营销服务公司 广州信息安全培训机构 信息安全系统的要求 国家网络安全宣传周 服务器上的php网站连接sql2005服务器连接不上 佛山网站设计代理商 蠕虫病毒网络安全 网络安全和信息化小组 信息安全 rss 营销调研的基本方法 公安部 信息安全认证 企业要网络营销 定制os 信息安全 网站建设规划书 信息安全总局 郑州网络营销落地 悬浮滚动的网站jquery在线qq客服咨询代码 有6套皮肤可选 公司信息安全访谈,-1 全网营销有什么好处 定制os 信息安全 石家庄医院网站建设 福州做网站 信息安全EAL 学习营销 网络营销推广培训班 成都学校网站制作 网络个人信息安全 南阳专业网站建设 电子邮件营销的缺点 深圳企业做网站公司有哪些 全网整合营销服务商 seo网站建设 网站公司成功案例怎么写 微信营销推送 营销职能 济南学网络营销 营销新思路 信息安全总局 支付宝网络营销案例分析 成都网络营销服务公司 网络营销是什么系 国家重视网络安全 企业要网络营销 网络安全行业销售怎么做 信息安全事态或事件 购物网站如何推广 一个虚拟主机在原网站根目录下加个子目录用域名转向怎么操作? 有哪些网络安全论坛 数字证书 网络安全 电子商务网站建设资讯 2017信息安全会议 成都 信息安全事态或事件 网络植入式营销案例 营销失败案例 网站建设规划书 网站工作室 维护国家网络安全英语版 网络安全应急响应制度 南宁专业网站制作设计 案例网站 公众号营销有哪些策略 国家网络安全教育 网络专业的网站建设价格 信息安全管理岗 招聘 长沙网站制作电话 龙岗网站建 网络营销的发展趋势 无纸化营销 网站销售交互式网站 网络植入式营销案例 邢台网站制作地方 顺德制作网站价格多少 网络安全应急响应制度 病毒事件营销成功案例 无锡网站 网站网站注册 佛山网站建设的品牌 树莓派做信息安全 京东的营销策略分析报告 odex信息安全,-1 网络安全生态体系 网站公司成功案例怎么写 武汉高端网站建设 信息安全 测评 四川信息网络安全协会 网站的模板 十大网络安全上市公司 十大网络安全上市公司 信息安全管理岗 招聘 网站没更新 网络安全 pdf免版权费自建网站 专注武汉手机网站建设 网站分享设计 信息安全测评工作流程 seo网站建设 衡水做网站找谁 公司信息安全访谈,-1 石家庄网站制作公司 成都学校网站制作 培训网站建设 零基础学习网络安全 四川信息网络安全协会 高校 网络安全 研讨会 网络安全讲竞赛 讲话 合肥做网站 营销社会环境分析第九届信息安全竞赛 网站前台 公安部 信息安全认证 网站建设seo优化的好处 信息安全EAL 网站模板自助 青岛微网站建设 外推排名微信粉丝营销 长沙网站制作电话 2016网络安全案例事件 网站建设seo优化的好处 佛山网站设计代理商 用c做网站 树莓派做信息安全 微信网络安全 衡水做网站找谁 网络营销的发展趋势 企业手机网站建设策划 整合营销传播的效果 实行信息安全等级保护 信息安全保护等级测评标准 信息安全 程序员 网络营销推广培训班 成都网络营销服务公司 广州信息安全培训机构 信息安全系统的要求 国家网络安全宣传周 服务器上的php网站连接sql2005服务器连接不上 佛山网站设计代理商 蠕虫病毒网络安全 网络安全和信息化小组 信息安全 rss 营销调研的基本方法 公安部 信息安全认证 企业要网络营销 定制os 信息安全 网站建设规划书 信息安全总局 郑州网络营销落地 悬浮滚动的网站jquery在线qq客服咨询代码 有6套皮肤可选 公司信息安全访谈,-1 全网营销有什么好处 定制os 信息安全 石家庄医院网站建设 福州做网站 信息安全EAL 学习营销 网络营销推广培训班 成都学校网站制作 网络个人信息安全 南阳专业网站建设 电子邮件营销的缺点 深圳企业做网站公司有哪些 全网整合营销服务商 seo网站建设 网站公司成功案例怎么写 微信营销推送 营销职能 济南学网络营销 营销新思路 信息安全总局 支付宝网络营销案例分析 成都网络营销服务公司 网络营销是什么系 国家重视网络安全 企业要网络营销 网络安全行业销售怎么做 信息安全事态或事件 购物网站如何推广 一个虚拟主机在原网站根目录下加个子目录用域名转向怎么操作? 有哪些网络安全论坛 数字证书 网络安全 微网站首页 营销的微博 石家庄医院网站建设 低价营销方案 信息安全技术 信息系统安全等级保护测评要求,-1 南阳网站营销外包公司 整合营销传播的效果 厦门有没有做网站的 国家网络安全教育 微网站首页 营销机 电商平台信息安全 网络安全运维流程 营销职能 网络安全评价标准主要 镇江网站建设 淮南网站建设好 支付宝网络营销案例分析 电商平台信息安全 杭州互联网营销培训 病毒事件营销成功案例 社交媒体营销要不要做 个人网站模板 网络安全的基本特征有 网络安全网络探测实验 一个虚拟主机在原网站根目录下加个子目录用域名转向怎么操作? 郑州手机网站推广公司网站关键词更新 深圳全网营销外包 网络安全是黑客吗 广州制片公司网站 北大信息安全在哪个学院 绵阳 网站 建设 网站的模板 南阳专业网站建设 学习营销 网络营销出来有用没 信息安全技术云操作系统安全检验要求 网站开发服务公司 徐州公司网站制作 实行信息安全等级保护 设备和网络安全专用 营销机 网络安全动漫 佛山企业网站建设咨询 网络设置的网站