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
王老吉的软文营销案例网络安全技术与实训(第2版)信息安全平台框架网络安全培训 记录是否有邮件营销手机网站建设哪个中国信息安全保护天蝎网站建设公司网络安全宣传月安恒信息安全学院病毒营销 案例 近年获得签到系统的林无月,短短几年内,厨艺、格斗、投资、编程、画画…… 等无数技能都达到了人类满级,更是获得了无数财富和权利,但这时他才明白简简单单才是真,他隐退幕后,娶了青梅竹马,过着普通人的生活! 可随后,老婆被选中参加一档名为《了解另一半》的真人秀节目,林无月在不知情的情况下,被全球直播! “卧槽,这不是御厨宗师林大师吗?” “放屁,他明明是被誉为华佗在世的妙手神医林神医!” “扯淡,他是世界第一兵王,至尊修罗!”天启七年,明孝陵突发地震。 一个声音告诉朱元璋,大明要亡了,十七年后,他将代替自己的后辈朱由检,吊死在煤山的歪脖树上。 十七年救不了大明? 瞧不起谁呢! 朱元璋一声令下:来人,给咱把那棵歪脖树砍了! 改善民生! 肃清朝堂! 降服女真! 别的不说,逆天改命这事儿咱最拿手!渊辰是男生的名,临渊星辰。深邃,明亮。他是游走于世间的鬼魂,时而有质,时而无质。非人非仙,三界不留。不知何所从来,亦不知何所归去?用心,记下这浮生相遇,探寻生命的起点和终止!以及他背后的真相……一个佛系的家伙,想要在游戏世界摆烂一番,却莫名其妙的得到了隐藏职业。 一个佛系的隐藏职业,想要继续摆烂一番,却阴差阳错的开启了异界之门。 一个佛系的开门者,本着继续摆烂的心态,却发现了异世界的惊天阴谋。 一个被异世界利用的佛系“蠢蛋”,以摆烂的姿态欺骗了天道,最终将异界的野心击沉。 佛曰:肝什么肝,摆烂就好!末日爆发,百分之60以上的人类一夜之间成为狰狞恐怖的丧尸,动植物相继产生变异,人类文明近乎崩塌。 幸存者真的就是幸运的吗?这是一场幸存者的殊死之战。也是人类信仰与正义的守卫战。游戏讲述了在疫情爆发的背景下,人类陷入生存危机中,一场关于生死存亡竞赛开始了,罗布斯、杜峰、罗恩、许安等人命运将会怎么发展?疫情突然爆发,可怕的生物接踵而至,死亡如影随形,你同所有人一样恐惧,陷入绝境。奋勇逃生,究竟是逃向了胜利?还是死亡?生存的意义是为了像行尸走肉一样活着,还是揭开真相,将希望的火炬一路传递下去,让人类的精神得以在浩瀚中永生? 在一个强者林立的世界,万亿物种生灵衍生,不断地突破自身,打破天理禁锢,追寻命运之根本,长生之久视! 一个平凡普通的人族少年,从一个小村落走出,搅动风云,气吞山河,开启一个新时代!秦风被迫从游戏界龙头企业辞职后,加入了一家只有几个人的小公司。 制作游戏,我秦风还没服过谁。 看不起小游戏?《开心消消乐》《神庙逃亡》教你做人。 单机游戏没落了?仙剑系列,魂系游戏,剧情或难度,总有一款玩哭你。 网游模式单一?LOL,绝地求生,自走棋,这回不是打怪升级了吧? 就凭做游戏,也能做首富! 不信?做给你看! 九州大陆,万国林立。   赢云穿越大秦,成为始皇第九子,并获得了咸鱼系统,只要咸鱼,就可以持续不断的获得奖励。   于是,   赢云直接咸鱼起来,默默签到,不仅获得了无数奖励,还顺利突破,成了九州唯一一尊陆地神仙!   ……   有一日,   天降金榜,盘点最强生灵。   只见,   大漠之中,赢云一剑开天门,入陆地神仙,屠数十万军,举世震惊!   帝释天:“什么?这世界上还有比我更强的人?!”   孤独求败:“杀尽仇寇,败尽英雄,平求一敌手而不可得!这赢云,值得一战!”   ……   紧接着,   天道神兵榜、天军榜等相继曝光。   神兵榜第一,圣剑轩辕,属大秦九皇子赢云!   天军榜第一,大雪龙骑,属大秦九皇子赢云!   ……   嬴政:“这是朕那咸鱼儿子?!”   ……域外战场为了让联邦科学家安全返回地星,第一小队队长杜宇珩让小队成员护送科学家返回地星自己选择断后,在击杀住5星外星魔兽后一只6星魔兽突然来到战场,杜宇珩带着深深的不甘消失在魔兽的攻击中。 没想到天不亡人,让杜宇珩重生到了《星域》发布的前一天,靠着前世的记忆在游戏与现实融合前就拥有了对抗外星的能力。
信息安全服务三级资质 网站建设 天津 网络安全前沿进展 青岛 网络安全法 计算机等级信息安全 信息安全平台框架 微信营销的特征 评论营销 网络安全宣传周标识 微信营销的发展战略 脑部不清晰的前世因果【www.richdady.cn】 孩子学习不好的辅导方法【www.richdady.cn】 孩子学习不好的原因分析【www.richdady.cn】 事业不顺的职场突破【www.richdady.cn】 前世今生的修行案例咨询【www.richdady.cn】 儿子不读书的前世记忆【www.richdady.cn】√转ihbwel 感情纠纷的前世记忆咨询【σσЗ8З55О88О√转ihbwel 事业不顺的解决之道咨询【微:qq383550880 】√转ihbwel 精神不振的咨询技巧咨询【企鹅383550880】√转ihbwel 婴灵对家庭有哪些影响?【www.richdady.cn】√转ihbwel 学习成绩差的解决方法咨询【企鹅383550880】√转ihbwel 如何预防过早离世咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 外灵干扰的解决方法【微:qq383550880 】√转ihbwel “缺心眼”对人际交往的影响咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婴灵的超度与心灵净化威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵的超度与家庭和谐【www.richdady.cn】√转ihbwel 心特别累的原因分析【www.richdady.cn】√转ihbwel 祖灵的祭祀方法咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵【www.richdady.cn】√转ihbwel 纠纷的原因分析【σσЗ8З55О88О√转ihbwel 是否有邮件营销 信息产业信息安全测评中心 招聘 网络安全法 等级保护 网络营销的初级职能是 展示网站和营销网站的区别 网络营销应用生活案例 王老吉的软文营销案例 网络安全宣传月 中山企业网站建设公司 企业存在网络安全介绍 章丘做网站 信息共享与信息安全 企业网络安全认证证书 郑州高端网站建设 网络安全前沿进展 2016 计算机网络安全大会 网络安全宣传周标识 信息安全平台框架 国家信息安全实验室主任 哇哈哈网络营销策划书 厦大网络安全 高端网站设计建设 自适应网络安全 数据库网络安全措施 在网络安全体系构成要素中响应是指 合山市网站 网络营销站点域名采用"企业网站域名/产品名或营销页面名"的形式属于 合山市网站 网络营销报告 评论营销 html营销邮件 江苏省信息网络安全协会 营销型网站特点 开发网站的目标 东莞长安网络营销招聘信息 信息安全服务范围 网络安全空间 iscc信息安全与对抗 办公室信息安全工作 富阳网站 呼和浩特网站制作 怎么建网站网络安全技术服务公司 长沙微信营销交流 中国营销软件网网站 网络信息安全管理员 珠海模板网站建设公司 海丰网站建设 病毒营销 案例 近年 微信营销的好处坏处 网站制作的英文 重庆整合营销案例 营销型网站特点 国家信息安全实验室主任 虚拟化 网络安全 手机网站建设哪个 企业网络安全怎么管理 互联网营销可以做什么 搜索引擎营销方案 网络安全名词 信息安全等级评估证书 网站建设未来发展前景 上海高端网站制作公司 虚拟化 网络安全 网络营销应用生活案例 低价营销方案 第七届中国信息安全博士论坛 网络营销教程 北京展览馆 网络安全 信息共享与信息安全 网站建设未来发展前景 动态网站制作 移动公司网络信息安全 信息安全笔试,-1 网络营销职责 网络信息安全期刊 富阳网站 企业网络安全定级备案 企业存在网络安全介绍 移动公司网络信息安全 淄博网站设计 哈尔滨网站制作 网络营销的初级职能是 成都市网络安全现状 什么是信息安全保密 网络安全工程学院 网络安全空间 分栏式的网站有哪些 网站建设 天津 郑州网络营销服务 聊城网站建设 微信营销的特征 郑州高端网站建设 信息安全认证 企业网站策划书 网站建设三站合一 什么是营销方法 哇哈哈网络营销策划书 济南 信息安全 信息安全等级评估证书 信息安全 部门,-1 信息安全组织体系 信息安全认证 个人网站制作 网络安全法 等级保护 网络安全名词 医疗网站建设案例网络营销3.0 电子书 网络营销是? 网络安全国际认证 信息安全违规案例 信息安全竞赛题库 企业存在网络安全介绍 计算机网络工程!|辅修程序设计网络安全等课程! 网络安全前沿进展 一个网站的主题和设计风格 网络安全公司 获客 重庆整合营销案例 制作营销网站 计算机等级信息安全 深圳高端网站制作费用 e春秋网络安全实训平台 在网络安全体系构成要素中响应是指 重庆 手机网站制作 呼和浩特网站制作 英国网络安全立法 网络营销站点域名采用"企业网站域名/产品名或营销页面名"的形式属于 网络营销报告 e春秋网络安全实训平台 济南 信息安全 成都市网络安全现状 北京展览馆 网络安全 微信营销的好处坏处 网络营销是? 中国营销软件网网站 精准营销网 国家网络安全部投诉