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
信息安全破解logo网络安全训练营大连网络营销网站酒店信息安全事故如何学习网络安全的知识2017年网络安全宣传周营销咨询网思科 2014网络安全常见的网络安全威胁及防范措施企业网络联合营销案例抛妻弃子,间接害死了全家,李文军在懊悔中孤独生活了四十年后重生回到1980年。 这一世,他要做实业振国兴邦,带领各行业把技术提前二十年; 这一世,他要弥补所有过错,让家人温饱不愁,平安喜乐。 做出第一部对讲机,拥有了自己矿山,带领开发房地产,钞票哗哗流进来。 赚钱,对他来说才是最容易的事情。 亚斯是病毒,恶魔,是制造新冠病毒的元凶,为了对抗亚斯,以及不断变异的新冠病毒,自宇宙星辰之中,诞生出一位光之子,迪诺奥特曼。他是否能从病毒,恶魔手中拯救宇宙与地球?请敬请期待。 江湖远而乱朝堂 纷乱的时代刚刚结束,混乱却纷涌而至。 是拥兵自重,还是自立为王? 是冠绝天下,还是一统江山? 庙堂之上人心叵测。 江湖深远杂乱险要。 君若不弃,还请拭目以待。 且看琅琊成名时! 一朝穿越,竟成了绝世的天骄? 辛辛苦苦养了几十年老婆因心魔渡劫失败灰飞烟灭? 好吧,看我如何力挽狂澜,逆流光阴 嗯?怎么小时候的她,好像更香了家族被害,被迫赶出家门,未婚妻不离不弃,苦苦等待! 归来时,武道巅峰,冷酷和温情并存,掌控天权,复仇开始!上古时期,世间有三种灵,分别是器灵、兽灵、虚灵,它们存于世间,守护世间。但不知为何,它们忽然消失了,在灵史中称――“灭灵之劫”自此之后世间在无三灵。然而,战国时期,许多人忽然拥有了一些反常的能力,力可扛鼎、控制水流、释放火焰……而他们依靠的就是三灵逝去之后所留下的魂灵之力。为了区分魂灵之力的高低,魂灵又被分为五阶,黄、地、玄、天、圣,又根据寄宿者发挥的强弱将宿主分为五等,养魂境、摄魂境、御魂境、镇魂境、伏魂境。这些人因此被称为‘寄魂者’,为不让他们影响正常人的生活,几位伏魂境强者制定规则,寄魂者不得在正常人前使用能力,为此设立护魂殿,维持此规则,直到现在。在这个最不公平的世界,这里是尽可能公平的城市,当个人力量无限放大,其个人意志也将被无限放大,超能力与科幻结合,废土之上的第九座城市——一切从这里开始。只身江湖走,刀剑了恩仇,笑饮一壶酒,不见君回头。 一曲离殇歌,情恨又奈何?望尽天涯客,归来还是君难舍。张海黎只是一个普通的初中生而已,至少他自己这么认为。但是有一天,他突然无故遭到同班同学的追杀。 在意外觉醒了系统之后,他发现这个世界,貌似远不止他想的那么简单:没有亲人、朋友,怎么活下去?在原本世界羽毛球无敌的少年,渴望一个像样的人,于是,他将面对一个以羽毛球为尊的世界
b北京网站建设 大学生 网络信息安全 运营商 网络安全 营销客软件 当当的网络安全措施和技术 网络安全仿真靶场 西安信息安全公司,-1 重庆制作网站 网络信息安全服务包括哪些内容,-1 病毒营销的定义与特点是什么 升迁障碍的自我提升咨询【www.richdady.cn】 有官司的自我保护咨询【www.richdady.cn】 冤亲债主的干扰与化解技巧【www.richdady.cn】 前世老婆的识别方法【www.richdady.cn】 事业不顺的原因有哪些?咨询【www.richdady.cn】 前世缘份的奇妙重逢【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 阴间生活的前世案例咨询【企鹅383550880】√转ihbwel 莫名其妙感伤的心理调适咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 发育倒退的原因分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 如何维护良好的家庭关系?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 家庭关系的改善方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份的故事有哪些真实经历?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 缺心眼的前世记忆【企鹅383550880】√转ihbwel 灵魂化解的步骤【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 心特别累的环境影响咨询【σσЗ8З55О88О√转ihbwel 孩子厌学的心理调适【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婚姻生活不顺的自我提升咨询【企鹅383550880】√转ihbwel 化解婴灵的最佳时间【www.richdady.cn】√转ihbwel 发育倒退的原因分析咨询【微:qq383550880 】√转ihbwel 化解外灵的专业手段咨询【企鹅383550880】√转ihbwel 网络信息安全中心 信息安全的图片 网络营销案例视频 做网站前 卫浴网络营销策划案 共建网络安全的建议 2016网络安全重大事件 公安部网络信息安全产品 合肥网络安全大赛 微博营销诺一网络公关 红帽。信息安全 信息安全标准可以分为 网络安全活动宣传 台州做网站的公司 信息安全破解logo 2017网络安全比赛 国家信息安全服务资质证书 大网站成本 网络营销与营销的区别和联系 烟草行业信息安全解决方案 airbnb营销的优势 网络安全法正式实施 网站建设公司价格 网络信息安全服务包括哪些内容,-1 营销资源网 病毒营销缺点 网络安全 思科 中国 病毒营销缺点 信息安全测评费用 温州做网站的公司 网络技术网站 饥饿营销英文解释 信息安全 最新消息 信息安全 最新消息 azure 网络安全组配置 移动营销的优势劣势 做网站前 德阳做网站 2016年网络安全形势 内蒙古网站建站 airbnb营销环境 2016年网络安全形势 网络信息安全基础 营销外包贴吧软文发布 共建网络安全的建议 网站建设公司哪个好 网站设计公司 上海 2016网络安全重大事件 大连网络营销网站 优质网站 西安信息安全公司,-1 泰安网站制作 网络安全活动宣传 网络营销能力秀等级 网站说服力 破坏网络信息安全罪 台州做网站的公司 商业网站设计方案 网站备案教程 衡水网页网站建设 网络安全 思科 中国 网络安全.信息安全 网络营销考研 网络信息安全中心 银行信息安全报告 cms网站网站优化课程 2016网络安全大会视频 病毒营销的定义与特点是什么 外网网络安全 银行信息安全报告 网站数据包括哪些内容网络安全防御 网络安全发展情况 互联网营销与管理 网站数据包括哪些内容网络安全防御 信息安全与技术期刊 重庆制作网站 青岛信息安全企业 网络信息安全基础 网络安全仿真靶场 大学生 网络信息安全 airbnb营销的优势 西安制作公司网站的公司 陕西国家信息安全产...,-1 上海营销型网站 信息安全技术实训总结 微博营销诺一网络公关 营销型网站设计方案 如何互联网营销推广 营销外包贴吧软文发布 网络营销与营销的区别和联系 公安部网络信息安全产品 网站建设模板是什么 陕西国家信息安全产...,-1 信息安全标准可以分为 内蒙古网站建站 90信息安全 惠州网络营销 网络信息安全与对抗 信息安全世界学校排名 温州做网站的公司 公安部网络信息安全产品 营销外包贴吧软文发布 烟草行业信息安全解决方案 网络信息安全基础 电子营销课程体会 合肥网络安全大赛 银行信息安全报告 个人网站在那建设 信息安全预警系统 营销型网站设计方案 当当的网络安全措施和技术 互联网营销与管理 网络安全 思科 中国 网站备案教程 上海营销型网站 共建网络安全的建议 银行信息安全报告 电子营销课程体会 破坏网络信息安全罪 信息安全标准可以分为 外网网络安全 苏州营销策划 优帮云 网络营销形式有 内蒙古网站建站 网店营销计划 福州口碑营销 2013网络安全威胁趋势 营销外包贴吧软文发布 青岛信息安全企业 信息安全与技术期刊 东莞网站开发推荐网络安全展门票 2016网络安全重大事件 网站建设seo优化公司 网络安全问题安全讨论 2017年网络安全宣传周