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电子商务网站建设资讯运营的网站网络安全讲竞赛 讲话“哎哎哎,大佬大佬,我有晶核,可以跟你换一包泡面吗?” “你有多少?” “不多,足够你升两级了” “疯子,疯子,这他妈的都是什么人啊,别追了,别追了我给你还不成吗” “是嘛?可是我现在不太想要了呢,就这点晶核我还瞧不上,我现在喜欢你脑子里的东西” 无辜的路人甲:呜呜呜,什么人啊,瞧不上还追我,我下次再也不敢啦 大女主x 末世强者x 物资空间 这里写的是女主视角的,因为女生那里大类没有末世,不喜欢的贝贝们可以划走啦~ 男主的话应该是不会出现的,当然这里是应该天地皆有意志。帝国之皇,号为天子,秉承天意,受上天之意庇护,代天意牧守天下,统治万民。人族共主,号为人王,传承地道,受大地之意庇佑,代地意统合宇内,拯救万民。当帝国腐朽,民不聊生,人王当即崛起,扫清四野,震慑宇内,救万民于水火。当人王暴虐,生灵涂炭,天子适时而立,统一八荒,威加天下,还百姓以清明。如此往复,周而复始。其,实则天地之争。天子当立之时,必取地道传承之伏家。人王崛起,必破天意传承之天家。伏家有一脉,号地道行者。修《地道十六方》。天家有一友,号天机散人,修《天机十八策》。二脉之争,始于天地初生,已历九万多载。九为数之极致,天地之争,便会终于当代。秦天,天家少主。出生之时,即是天家覆灭之际。在当代天机散人带领下,隐姓埋名。及至秦天十四岁,当代的天地之争,便拉开帷幕。死亡也许只是开始 姜清为寻找失踪的父母,来到了这所诡异的博物馆,这里存放着凶案现场的物证,每一件都是一段痛苦的回忆,但也是让这些凶案真相大白的关键。而姜清越是深入越能发觉里面隐藏的秘密……记录着关于斯卡德科技世界观及背景,其他的小说可以使用里面的任何设定,任何人都可以使用(需要提前标注),会不定期更新。2755年,人类开始走向星际文明时代,终端永恒号将是第一艘飞向星际文明的战舰。没错,我们的主角在这艘战舰中。维克特萨摩斯,外号狼或狼夜叉,身高195厘米、体重325斤。背后那刻画出来般的肌肉,直接印出魔神脸般的魔神背。总长3550米的终端永恒号战舰装备了全球最先进的扭空引擎与许多灭星武器…直逼多重宇宙级别,完全可以探索宇宙。此时维克特萨摩斯与他的妹妹维克特爱多琳满脸期待地坐在终端永恒号的指挥室中,他俩谨慎地看着以上船的500名新兵的资料。不知道在浩瀚的宇宙中,等待这502位战士的将会是什么?在未来期限的50年内,这次探索宇宙文明的途中他们是否能完成全体人类交给他们的使命?他们将决定未来的人类文明是否是其他宇宙文明的敌人,太阳系被开发得差不多啦,他们也决定人类的新家园。当下有些人已经习惯了这种生活,就像现在的陈默,虽然他并不属于这里。陈默穿越到了小说的世界,是一部非常热血的英雄传记类型的小说 这部小说名叫《暗影与曙光》,讲述的是一个被称为“暗夜之王”的男孩的一生,他是这座城市最强势的黑帮头目手下,也杀死过许多罪犯,是一个令人闻风丧胆的刽子手,他的名字则叫做—— 暗影·阿尔法! 原本按照漫画的发展,阿尔法会继续杀戮,直到被人制裁,但因为陈默的介入,这个男人的未来轨迹产生了变化。 阿尔法在几年前被仇人绑架,被迫参加了一次恐怖袭击,从此进入了逃亡状态,最终逃离了那座都市。 这段剧情是这本小说最大的亮点,同时也是主角的悲催之处,阿尔法身上背负着太多秘密,而且随着逃跑路程的增长,阿尔法的秘密会逐渐暴露,甚至最后会引来杀身之祸........ 世纪之末, 仙路湮灭,前路断绝,动乱时代,宇宙重开,少年叶天重生于异域,从此踏上仙武大道,悟五行,领阴阳,掌握极致力量。堤岸横空,生灵争渡,不详与诡异肆虐。 少年的背后是血与乱,是生灵的悲歌,少年的探寻的是万灵之希望。彳亍前行,万古寂然,永远在路上。2072年7月1日,封一鸣如往常一样被起床的闹钟吵醒,一睁眼,总感觉外面的气氛很压抑,往常应该大亮的天色,此时却显得昏暗无比,封一鸣从窗台向下望去,本该繁华无比的大街上此时竟空无一人,突然!楼下爆发出令人恐慌的尖叫声哭喊声夹杂着令人牙酸的吱吱声,砰砰砰,封一鸣的大门开始被人敲击,砰砰,砰砰砰,砰砰砰!声音越来越大越来越焦躁,封一鸣也被这突如其来的声音吓了一跳,他慢慢像门口走去,透过门缝,他看见一个脸上布满了眼睛的怪物,慢慢的,那怪物喉咙出突然裂开发出了声响,封一鸣被这画面惊吓的无法呼吸几乎要晕了过去,他踉跄往后倒了几步,门外却突然传开了喃喃的细语,一鸣,一鸣啊,一鸣快开门啊,我是奶奶啊一鸣,一鸣啊,奶奶好饿啊,乖孙快开开门,让奶奶……让……吃掉你,封一鸣本就未平复的心此刻掀起惊涛骇浪,随着门外的声音渐渐远去,封一鸣此刻只感到无尽的恐惧与诡异。 这座城市,,到底发生了什么,他真的是我的奶奶吗?一场末世浩劫突然来临,蓝星炸了。 死亡,亦是新生。 然而,噩梦才刚刚开始。 一轮轮的末世危机,不断来袭。 想要活下去,运气、智慧、实力、勇气缺一不可。华绯,一位小学四年级学生母亲,满足于现状,并主张“让孩子度过一个快乐童年”。因没有为刘晴报名参加语文老师开设的补习班,而使其失去参加作文赛的资格。华绯十分不服,不多久便气势汹汹地登门“拜访”老师。 然而,回到家中的她宛若变了一个人…… 从此,刘晴每天都得学习让全家人头痛的高年级知识,背诵经过华绯亲手改编的超级作文,去上各种各样的补习班。华绯认为她所制定的计划是绝妙的,完美的。 可结果并没有理想中的美好,华绯也渐渐发觉自己原来一无所知……
信息安全等级保护 全球营销网 自媒体营销的概念 b2b网络营销 过程 2017网络安全年会 信息安全与管理是干什么的 如何用代码设计一个网站有前台和后台一般用什么语言设计网站 西安制作手机网站 信息安全属性不包括是____. 门厂家网站建设 交通意外的常见原因咨询【www.richdady.cn】 前世今生的轮回理论【www.richdady.cn】 如何知道自己有前世缘份?【www.richdady.cn】 与老公前世的记忆解析咨询【www.richdady.cn】 存不住钱的心理调适咨询【www.richdady.cn】 孩子压力大的环境影响咨询【微:qq383550880 】√转ihbwel 前世缘份的缘分再续咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 与公婆前世的记忆解析【www.richdady.cn】√转ihbwel 暗恋的心理成长威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生的缘分再续咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 大龄剩女的婚姻选择咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 纠纷咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 如何超度婴灵?咨询【微:qq383550880 】√转ihbwel 阴间生活的前世修行咨询【企鹅383550880】√转ihbwel 家庭关系中的矛盾如何解决?咨询【σσЗ8З55О88О√转ihbwel 公司破产的案例分享【www.richdady.cn】√转ihbwel 存不住钱的前世因果【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 人际关系不好时的心理调适咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵、邪灵、祖灵咨询咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 通灵与心理学结合咨询【企鹅383550880】√转ihbwel 免费建建网站 网络安全研究方法 佛山企业网站建设咨询 简易静态网站制作流程图 和营销下载 网络安全优秀教师奖 饥饿营销具体意思 信息安全技术心得,-1 网站设计文档 好未来信息安全规范实施时间 南京网络营销公司 网络安全威胁与风险分析 网络安全的基本特征有 网站设计师 网站掉排名 信息安全属性不包括是____. 网络营销要点 南宁中小企业网站制作 数字证书 网络安全 北京网络安全上市公司 自媒体营销的概念 网站页面开发流程 重庆 信息安全 网络营销人才需求 网络和信息安全通报实行多少小时联络制度 国家网络安全审查模板网站的好处 seo营销培训 信息安全 电脑配置推荐信息安全管理系统 范围 建网站挣钱 南宁互联网营销公司有哪些 信息安全意识调查总结 重庆綦江网站制作公司推荐 在我们的日常生活中会遇到哪些与网络信息安全相关的问题? 沈阳网站制作 国家网络安全计划 网站上传文件存储方式 佛山企业网站建设咨询 好未来信息安全规范实施时间 seo营销培训 教育信息安全平台 中国信息安全 大事例分析 时间,-1 信息安全中心招聘 广州网站设计 网络安全的基本特征有 番禺网站建设专家 咸宁商城网站建设 信息安全测评资质证书 珠海网站策划公司 公安部信息安全产品检测中心 ps联盟网站 怎样建设网站 苏州有哪些网站制作公司 中国网络安全论坛 龙岗网站建 达内网络营销师证书 南京网络营销公司 南宁互联网营销公司有哪些 福永做网站 十大网络安全上市公司 网络安全工作室 运营的网站 郑州网络营销服务 网站建设公司深圳 网站迭代 教育信息安全平台 信息安全章程范本 网站建设公司广告 网络安全基础应用与标准 下载 网络安全研究方法 郑州建网站公司_河南建网站_郑州建网站_建企业网站-郑州建站网 信息安全常见的漏洞有 重庆綦江网站制作公司推荐 网站运营者 中国顺德手机网站设计 高校 网络安全 研讨会 信息安全与管理是干什么的 全球营销网 市场营销和关系营销 想建网站 小白网络营销 信息安全部副主任,-1 信息安全部副主任,-1 福永做网站 北京网络信息安全公司 悬浮滚动的网站jquery在线qq客服咨询代码 有6套皮肤可选 西安网站设计公司 信息安全技术心得,-1 网络安全技术新方向 响应式外贸网站案例 姚威信息安全 2017网络安全年会 顺德制作网站价格多少 服装营销学百度云 网络信息安全有哪些 南宁专业网站制作设计 交互式网站 网络营销的前瞻性 微博特点与微博营销策略 信息安全意识调查总结 网络营销战略和策略分析 网站公司成功案例怎么写 网络安全优秀教师奖 b2b网络营销 过程 大学生与网络信息安全 国家网络安全审查模板网站的好处 网络营销师百度百科 个人国家网络安全 十大网络安全上市公司 在网站上显示地图 b2b网络营销 过程 网络安全论 自贡网站建设 南京做网站的有哪些 国家网络安全教育 姚威信息安全 运营的网站 网站线框 沈阳网站制作 网站的目录结构 网络营销学习 光效网站 手机版网站建设开发 信息安全资质规定 西安制作手机网站 网络安全排查 饥饿营销具体意思 郑州建网站公司_河南建网站_郑州建网站_建企业网站-郑州建站网 湛江有哪些网站建设公司 基于python的网络安全 国家网络安全计划 教育信息安全平台 和营销下载 山东网站建设推广 自媒体营销的概念 网络安全评价标准主要 网络安全法立法内容 好未来信息安全规范实施时间 外贸营销体系 交互式网站 微3g网站 国家信息安全实验中心,-1 网络安全讲竞赛 讲话 网站上传文件存储方式 网站掉排名 深圳 网络安全服务商 手机网站开发技巧 和营销下载 微博特点与微博营销策略 微3g网站 太原做网站 社区网站信息安全 公安部信息安全产品检测中心 中国信息安全 大事例分析 时间,-1 我眼中的营销 如何用代码设计一个网站有前台和后台一般用什么语言设计网站 珠海网站策划公司 信息安全资质规定 信息安全中心招聘 重庆 信息安全 信息安全 建议 网站建设公司深圳 网络安全威胁与风险分析 数字营销与网络营销 南京做网站的有哪些 跨境电商是如何营销 浙江网站建设 网络和信息安全通报实行多少小时联络制度 国家信息安全检测 移动端网络营销推广方案 网络安全技术新方向 网站设计文档 建网站需要多少钱认识网络营销调查的基本方法是 营销推广方案 互联网信息安全大会 seo营销培训 重庆 信息安全 网络安全重要性 flash 网络安全法 拒不整改 南京做网站的有哪些 国家信息网络安全网络组织 建网站需要多少钱认识网络营销调查的基本方法是 深圳制作企业网站 信息安全 情报,-1 厦门有没有做网站的 手机网站建设 的作用 网络安全系统运维内容 网站设计师 佛山企业网站建设咨询 网络信息安全有哪些 信息安全 情报,-1 自媒体营销的概念 病毒性营销案例图片 公安部信息安全产品检测中心 运营的网站 网站公司成功案例怎么写 西安网站设计公司 市场营销和关系营销 南京网络营销公司 病毒性营销案例图片 响应式外贸网站案例 网络安全法 拒不整改 网络安全讲竞赛 讲话 在网站上显示地图 上海手机网站建设 想建网站 网站迭代 信息安全等级保护 信息安全解决方案公司 手机版网站建设开发 南宁中小企业网站制作 数字证书 网络安全 网络安全优秀教师奖 信息安全技术心得,-1 重庆綦江网站制作公司推荐 南宁互联网营销公司有哪些 门厂家网站建设 信息安全章程范本 2017网络安全年会 国家信息网络安全网络组织 b2b网络营销 过程 南宁专业网站制作设计 小白网络营销 教育信息安全平台 百度网络营销 武威做网站 武威做网站 网络安全优秀教师奖 沈阳网站制作 b2b网络营销 过程 网络安全技术新方向 交互式网站 光效网站 网络与信息安全基础 互联网信息安全大会 在我们的日常生活中会遇到哪些与网络信息安全相关的问题? 饥饿营销具体意思 龙岗网站建 想建网站 国家信息安全检测 信息安全章程范本 高端网站设计品牌 怎样建设网站 网络安全大赛ctf赛题 免费建建网站 网站的目录结构 大学生与网络信息安全 响应式外贸网站案例 好未来信息安全规范实施时间 网站设计师 建网站需要多少钱认识网络营销调查的基本方法是 2013年进行互联网营销推广的企业各种网络营销方式的渗透 网络安全讲竞赛 讲话 苏州有哪些网站制作公司 自贡网站建设 厦门有没有做网站的 无锡网站 网络安全的语句 国家信息网络安全网络组织 跨境电商是如何营销 太原做网站 网络安全评价标准主要 网络和信息安全通报实行多少小时联络制度 湛江有哪些网站建设公司 什么是渠道营销策略 汕头网站设计公司 佛山企业网站建设咨询 营销推广方案 信息安全中心招聘 网站上传文件存储方式 湛江有哪些网站建设公司 国家网络安全教育 网络安全会议 网络安全系统运维内容 信息安全 电脑配置推荐信息安全管理系统 范围 建网站需要多少钱认识网络营销调查的基本方法是 浙江网站建设 社区网站信息安全 信息安全等级保护 光效网站 移动端网络营销推广方案 2017网络安全年会 如何用代码设计一个网站有前台和后台一般用什么语言设计网站 网络信息安全协会 国家信息安全产品认证 北京网络信息安全公司 网站掉排名 基于python的网络安全 咸宁商城网站建设 网络营销人才需求 2013年进行互联网营销推广的企业各种网络营销方式的渗透 电子商务网站建设资讯 深圳制作企业网站 网络和信息安全通报实行多少小时联络制度 网络安全研究方法 信息安全 建议 手机版网站建设开发 手机网站开发技巧 门厂家网站建设 全球营销网 信息安全资质规定 seo营销培训 信息安全 建议 深圳 网络安全服务商 国家网络安全计划 什么是渠道营销策略 网络安全大赛ctf赛题 信息安全技术心得,-1 外贸营销体系 南浔做网站 南宁互联网营销公司有哪些 中国信息安全测评中心招聘 网络安全工作室 北京网络信息安全公司 饥饿营销具体意思 南宁专业网站制作设计 网站迭代 网络营销人才需求 实行信息安全等级保护 中国顺德手机网站设计 淄博网站制作 互联网信息安全大会 免费建建网站 b2b网络营销 过程 网站的目录结构 手机网站开发技巧 建网站挣钱 个人国家网络安全 信息安全与管理是干什么的 王老吉病毒营销案例 在网站上显示地图 龙岗网站建 网络安全威胁与风险分析 信息安全等级保护 信息安全 电脑配置推荐信息安全管理系统 范围 姚威信息安全 信息安全意识调查总结 中国网络安全论坛 网络安全法立法内容 潍坊营销合作 网络安全技术新方向 小白网络营销 响应式外贸网站案例 信息安全解决方案公司 网络与信息安全基础 网络信息安全协会 信息安全中心招聘 苏州有哪些网站制作公司 简易静态网站制作流程图 公安部信息安全产品检测中心 网络安全威胁与风险分析