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
国家网络与信息安全管理中心官网网络营销必看 书籍温州做网站的公司网站建设公司价格一直播信息安全网站建设seo优化公司分析企业网站和搜索引擎两者在传递网络营销信息方面有何不同网络营销学哪一块好一直播信息安全成都网站设计制作价格信息安全模板出来旅游的刘锋,接到了一个跑龙套的机会。 意外触发了神级扮演系统。 在剧组扮演某个角色,根据相似程度,便能获得角色相应能力。 【叮!本次角色‘特种兵’的契合度为30%,您获得特种兵30%的综合能力!】 【叮!本次角色‘学霸’的契合度为50%,您获得学霸50%的学习能力!】 【叮!本次角色‘王羲之’的契合度为73%,您获得王羲之73%的书法能力!】沥国末年,以澎国为首的、玥、岐三国欲撕破泯心之约重新制霸天下,短短一月间沥国便被战争波及覆没,天下再次陷入大乱之中,九州之地各处充满了争与血的景象! 群雄争霸,英雄辈出。一把剑,一壶酒,一缕情殇! 刀光剑影中,一位满腹热血的少年持剑走入纷乱破碎的江湖中: “让我看看,新的江湖会有何有趣的事情发生?!”李道远意外穿越小说世界,竟成为小说前期反派富二代他爹。 此时,他的废柴儿子已经招惹到了小说的天命主角,马上就要将整个家族带进沟里。 李道远想要从根源上改变命运已经来不及。 就在李道远无语问苍天,准备放弃治疗时,【至尊反派系统】激活了。 只要打击主角,抢夺主角的机缘,都会获得相应的反派点与气运值。 于是乎,一位用自己儿子开始钓鱼执法的慈父正式上线。 “我的儿子只有我能打,别人打我儿子,那我就废了他!”描写一个普通打工者的路程我将用我自己的写作方式,用心之一分一毫,情之一缕一丝,为大家去描述一个多元化虚拟的世界,玄幻亦或物质,浪漫亦或现实,激烈亦或平静,以遐想还原本真的人文风貌。 我们潮汕文化来源于福建,行政隶属于广东,可是,潮汕不是哪一家的附属品,潮汕有她自己独立的城市风格,有追求自由于平等的强烈姿态,这片土地上的人有顽强拼搏与享受宁静安逸的一致认知,她是一个出色的整体,也是一个个优秀的个体。尊崇传统文化,又极力接受新事物 ; 平和的茶文化里,有雷厉风行的基因 ; 隐忍的内心深处,是那么地奔放狂野 ; 圆润的处事风格,又包涵着执着的信念。朴素与低调是她的面貌,男人的勤奋,女人的贤惠,饮食的多元化是她的名片,历史底蕴和潮商的风云是她的骄傲。潮汕,我的桑梓故乡,永远都是美!【模拟器系统】+【幕后大佬】+【密室逃脱】+【诙谐文风】。 这是一个既惊悚又搞笑的故事。 他永远能让玩家知道,什么叫生得自由,死得随机。 他也永远能让对手明白,什么叫以德服人,殡至如归。 他叫薛东! 在这个平行世界里,他就是神一般的存在。 因为斜刘海,永远遮不住他右眼的哀伤,更挡不住他锋芒四射的魅力。 然而,他却更喜欢隐于幕后,默默操纵着他人的命运……穷且意坚,不坠青云之志!身为一代赘婿,他肖天明有自己的坚持,有自己需要守护的家人,当老婆于危难之际,自当奋不顾身,全力以赴!王易穿越到东汉末年,激活系统认贼作父。董卓:我儿比吕布还勇! 马超:红袍军听令,随我誓死追随大哥!孙尚香:脸红了,好想嫁给哥哥!天法,地法,人法,道法自然。原本已经躺平中的杂役弟子,因为神识的觉醒,意识复苏,热血重燃,开启了一段传奇故事。 至此,一代天之骄子横空出世,毫无预兆,毫无察觉,毫无理由,凭借剑仙之名,夺取无上机缘。   落天?改夺小妹天命,牺牲自己成为所诛之害。 这条孤独路你能走多远?一个人孤行的滋味如何?将自己逼成一个阴深的魔鬼,你注定是一个失者,弃者。 落秋雪,由兄长血肉铺成的路,走的可是舒服? 安卿言,身为七微古丹星,你能除魔护世吗?如果那人是是你之至交呢? 冷寒秋,少了注定一世悲绝的命运,多了一世安然,如何呢? 尘月,你,又如何? 落天九辰,你又为何? 落天,谋算自己的死亡如何呢,是何兴致万分? “落所做之事,无人能改易,纵是执笔的你也无能改变!” “小妹吾,一定记得恨吾!” 哦?牺牲万千,却只希望她用恨记得你?你真是惨忍啊,落天,不我应叫你心病寻医,还是天暇无枢,又或上虚无辞?算了,古今一记,帝君神心,安泽儿,玄玄子,墨心无藏,神殊,鬼劫,这些名字中你自选吧。 “千面之主,尔何敢知道吾之本质?” “仙洲灭亡与七方三本一净之计,亦无人可挡
信息安全基础课程简介 网络安全控制软件安全防护安全管理及法律法规等四个层次上考虑. 中国网络安全50强 有趣的网站设计 作网站 分析企业网站和搜索引擎两者在传递网络营销信息方面有何不同网络营销学哪一块好 中山企业网站建设方案 网络营销微观环境包括 建立免费个人网站 国家制定并不断完善网络安全战略全面评估 孩子压力大的原因分析咨询【www.richdady.cn】 官司的预防措施【www.richdady.cn】 灵魂治疗与心理辅导【www.richdady.cn】 头脑混沌的生活习惯【www.richdady.cn】 儿子不读书的心理调适咨询【www.richdady.cn】 如何判断自己是否被冤亲债主干扰?咨询【微:qq383550880 】√转ihbwel 存不住钱的原因分析【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 什么原因意外的前世记忆咨询【企鹅383550880】√转ihbwel 亲子关系的前世记忆咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 家宅磁场的检测工具咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 亲子关系的咨询技巧咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 大龄剩女的婚恋建议有哪些?【σσЗ8З55О88О√转ihbwel 孩子厌学的前世因果咨询【www.richdady.cn】√转ihbwel 性压抑的情感释放咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生的轮回有哪些科学依据?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生的轮回存在吗?咨询【www.richdady.cn】√转ihbwel 心慌胸闷头晕咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 脑部不清晰的前世记忆威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 成人发育倒退的可能症状咨询【σσЗ8З55О88О√转ihbwel 前世缘份的修行建议咨询【www.richdady.cn】√转ihbwel 东莞营销型网站建设 营销网站与传统网站的区别 一直播信息安全 网站备案不通过怎么解决 4i营销理论的缺点 90信息安全 网站的设计 2016网络安全大会视频 台山网站建设 做网站前 网站建设品 通栏式网站 网络安全问题安全讨论 网络安全字体 计算机信息安全防范 网络安全扫描的内容 信息安全专业相关工作的通知 网站说服力 图解 网络安全和信息化领导小组 网络营销必看 书籍 营销网站建设企划案例 内容营销优点 中国信息安全认证中心特点 网络安全模拟实验 昆明网站开发 信息安全咨询服务 英语营销邮件青岛高端网站开发公司 曲靖网站建设 计算机信息安全防范 公司营销网站建设 网络安全责任的了解 计算机信息安全防范 网络安全厂家介绍 建和做网站 网上营销渠道有哪些. 网站设计工作室 国际著名信息安全专家观点简介 信息安全领域cia 怎么做网络营销策划书 网络安全扫描的内容 温州做网站的公司 网络安全小方向 软件 中国网络安全50强 西宁网站 东莞营销型网站建设 平台信息安全险 工业信息安全公司,-1密码学与网络安全实验室 网络安全有哪些产品 信息安全专业相关工作的通知 中国网络安全50强 重庆制作网站 公司营销网站建设 营销网站与传统网站的区别 成都 做网站 模版 网络安全责任的了解 信息安全国际会议 网络安全训练营 信息安全风险三要素 信息安全模板 信息安全和电子政务 可信赖的南昌网站制作 信息安全咨询服务 信息安全 培训 网络安全法 是法律吗 品牌营销策 服务器网络安全设备方案 建和做网站 南通网站制作 网站设计psd 信息安全红蓝对抗 信息安全国际会议 企业网站策划 网络安全法 是法律吗 福田网站制作 作网站 安全威胁信息安全,-1 4i营销理论的缺点 佛山外贸网站建设方案 怎么做营销型网站设计 信息安全与管理课程 个人网站建设 免费 信息安全专业相关工作的通知 营销网站建设企划案例 可信赖的南昌网站制作 90信息安全 信息安全基础课程简介 网络广告营销 成都网站设计制作价格 网络安全受到哪些威胁 上海专业网站设计 西宁网站 内容营销优点 网站的设计 网站的表单 思科 2014网络安全 信息安全的产业联盟 网络安全实验室 注入 台山网站建设 网络安全身份验证功能有什么用途 网络安全技术比较 中国信息安全认证中心特点 中国信息安全认证中心特点 成都网站设计制作价格 中国网络信息安全大会 信息安全的产业联盟 常见的网络安全威胁及防范措施 网络安全软件应用有哪些 2016网络安全法进展 嘉兴网站建设推广 企业网站适合做成响应式吗昆明云南微网站建设 网络安全与防火墙技术研究 网络营销秀 国家网络与信息安全管理中心官网 个人网站建设 免费 化妆品 网站建设案例 做网站公司 注册信息安全专业人员 网络营销微观环境包括 西宁网站推广 信息安全服务 全球 有pc网站 重庆制作网站 安全威胁信息安全,-1 网络安全500强中国公司排名 信息安全咨询服务 网络营销基础报告 信息安全领域cia 网站建设公司价格 网络营销能力秀群 网络安全模拟实验 网站开发商 化妆品 网站建设案例 英语营销邮件青岛高端网站开发公司 英语营销邮件青岛高端网站开发公司 信息安全服务 全球