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
信息安全管理体系实施案例及文件集中国信息安全大会网站管理的内容信息安全等级评测师家居企业网站建设平台计算机信息安全分级计算机网络安全漏洞建立信息安全管理体系有关互联网网站烟台网站建设设计林浩穿越大秦,醒后发现自己竟欠始皇百万黄金,瞬间懵了。 逾期不还,满门抄斩? 为了自己的小命,林浩:不得不在大秦疯狂捞金。 而为了防止欠下巨款的林浩死亡,始皇变了,处处维护林浩。 林浩:贩卖官盐,建造长城,设立太子……我统统都要! 文武百官:谁给你的狗胆! 李斯,赵高:拖下去斩了! 始皇:我看行…… 文武百官,赵高,李斯:…… 始皇不公啊!!!   全球异变,游戏降临现实,妖兽,魔族,异族肆虐。   为了抵抗这一切,每个人年满18都要规划职业选择,转职,升级变强。   而在觉醒当天,一向透明人的王阳,觉醒SSS神级天赋,觉醒S级审判的死神拥抱隐藏技能。   转职隐藏职业黑暗法师。   于是,你见过无吟唱,无冷却,无范围,的暴力法师吗?   最终在迎战时,身披吞噬法袍,一手持死神之镰,一手持黑绝法杖。   身后屹立着黑暗死神,吞噬之神,九天雷神,不死之神,阳火之神等虚影……   百万虎狼,百级战斗师目光灼灼的威视魔皇。   “淦!现在的年轻人都这么狂吗?”   魔皇咽了咽口水,脑袋有些发懵。   “那个!我现在投降还来得及吗?” 民国时期,我是拉洋车的,牛A的黑狗子探长刘麻子想强睡我的媳妇,被我制止。他带着大批的黑狗子对我用刑把我整死。阴间,我遇见大诗仙,向他诉说冤情,然后到冤魂村走一趟,才知道比我冤的人太多了。之后他把我变成了文化人,然后又把我穿越到了人间南粤市,让我抑恶扬善努力去做正能量的牛A人。此时的南粤市已是八十年代末期,我从打工做起,经历了开放大潮,凭着自己的能力为公司做出了很大的贡献,同时也收获了爱情。几年后,到处都在办报纸,我凭着自己的文笔混进报社当上了记者,通过采访工作,结识很多企业老板,在一次采访中,意外发现我生前认识的那个黑狗子探长刘麻子也被穿越到了这座城市,而且是下海经商混成了道貌岸然的董事长,被认为是红极一时的牛A人物。我悄悄跟踪,在我女友的配合帮助下,发现了他的一系列违法犯罪活动和伤天害理的事情,在掌握了大量的证据后,我凭着一腔正气,成功举报最终将其绳之以法。我终于成了正能量的牛A人!何为仙,何为凡。 仙为何生来便高凡人一等,受凡人供奉,享人间香火,天上仙喜乐则凡间人得益,天上神恼怒则凡间蚁哀苦。 蓝星之上,流传着各式各样的神话传说,无人不知,无人不晓,但却无人真正见过这些传说中的神明。 那他们究竟存在是否。 是抛弃凡人而去,还是被封印在了某处,而那些神话究竟是有人随意编造,还是神明有意传播在世间? 科学证实的,便是真的吗? 在这个充满科学的蓝星之上,究竟还有哪些秘密没有被探索出来。 当一个来自外界的绝世大能满怀好奇的来到这个与众不同的星球,他带来的究竟是救赎,亦或者毁灭呢? 星运大陆,一个修习星能量求道成仙的世界。天地混沌,世界突现神秘空间,共有九重。来自第九空间的神秘力量,困住众神,颠覆世界。魔兽横行。 一个流浪子,从此走上了,修习星能量,拯救众神,使世界重新恢复和平的道路。禹舜年间,武林争斗四起,两国相争不断,边疆百姓饱受凄苦。禹国地大物博,人口众多,然而文强武弱,边城接连被占,幸好有朝中第一猛将白蟒镇守登州,才使得禹国没有门户大开。舜国,沿海而立,文不太盛,武不太虚,在明君的苦心经营下才使得一方水土安宁。然而,武林第一大帮派静阳山庄跃跃欲试,庄主郭云天野心勃勃,在得到护身神戒后更是登峰造极,一统武林。手下四坛八舵分列太极八卦阵中,能人异士居多,誓要独霸山河。三方鼎足而立,水火不容。 男主七言乞丐出身,偶遇隐身神戒后,日渐封神,期间又与白蟒独女无恙擦出了爱情的火花。隐身传送博弈护身麻痹,会描绘出怎样血雨腥风的画面......一部上古医典,一部乱世魔经 横空出世,搅动四方风云 步步血腥,步步诡谲 多少风雨吹尽 终于坐看云起云落曾经的兄弟,痛下杀手,百年基业毁于一旦,一张纸召,死了一个镇国大将军,灭了一个将军,吓傻了一个孩子,文武世界在这,江湖朝廷也在这 一个少年终笑道,傻子?还是侯爷岳浩一不小心穿越到了山海经中的世界。 在这里,天上飞的是重名、毕方和鸾鸟,地上跑的是穷奇、饕餮和梼杌,水里游的是嬴鱼、虎蛟和旋龟。 山海世界,神魔并立。 某一天,岳浩忽然发现,他的脑子里面竟然还带着一部山海图录。 山海妖魔,尽在图中。 【叮!你发现神魔血脉,混沌异兽,可驯化!】 【叮!你的异兽云雀蕴有神魔血脉,可进行返祖,返祖对象:鲲鹏!】 【叮! 你发现了山海异兽毕方,不可驯化,另:食之味酸!】 一卷山海录,天地神魔惧。 岳浩看着面前伟岸的山海异兽。 “起锅,烧油!”我们每个人身体里,都有一种可怕,狂野和罔顾法纪的欲望,连那些看似温和的人也不例外。
德州网站建设 信息安全web安全,-1 centos 7 网络安全安装 网络营销时时彩 网络安全负责人 网络安全都有什么安全 哈尔滨网络科技公司做网站 小程序在建网站吗? 北京大学信息安全学院 设计网站app 失业的职业规划咨询【www.richdady.cn】 财运不佳的原因有哪些?【www.richdady.cn】 过世前可能出现的征兆【www.richdady.cn】 失业的心理调适【www.richdady.cn】 脑部不清晰的前世因果【www.richdady.cn】 如何判断被冤亲债主干扰?【σσЗ8З55О88О√转ihbwel 存不住钱咨询【微:qq383550880 】√转ihbwel 孩子厌学咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婚姻生活不顺的原因分析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 有官司的心理调适咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 财运不佳咨询【微:qq383550880 】√转ihbwel 如何解决感情纠纷?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 莫名其妙感伤的案例分享【企鹅383550880】√转ihbwel 感情纠纷的前世记忆【σσЗ8З55О88О√转ihbwel 存不住钱的原因分析咨询【www.richdady.cn】√转ihbwel 强迫症的自我提升咨询【σσЗ8З55О88О√转ihbwel 婴灵的超度流程【微:qq383550880 】√转ihbwel 儿子不读书的解决方法咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 祖灵对家族的影响咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 特殊学校咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 网络安全 优秀教师 2015 网络安全大事件 忻州网络营销 整合网络营销 信息安全的分级原则 网络安全攻击行为分析 域名和网站 关于共建网络安全的文章 网站备案要多久 营销者网站 密集性营销策略 网络营销网站的功能 信息安全资质包括哪些 手机网站的制作 国家信息安全问题,-1 郑州电子商务网站建设 福州专业网站建设 大数据网络安全 信息安全保障强调依赖( )实现组织的使命 信息安全管理体系实施案例及文件集 川大 信息安全竞赛 信息安全策略管理 遵义网站优化 seo网络营销师 优帮云 设计网站app 信息安全策略管理 家居企业网站建设平台 网络安全软件滨江企业 网络安全会址 呼市网站设计公司 对中华人民共和国网络安全法的认识 公司营销软件哪个好 跟网络安全相关的故事 中国移动信息安全产品 什么是网络营销沟通大良营销网站建设价格 网络安全软件滨江企业 计算机网络安全漏洞 黄冈网站建设 网络安全准入方案 网络安全 优秀教师 电子商务网上营销 网站导航营销的优点 互联网营销的哪些特征 中国计算机网络安全 陕西信息网络安全协会 京东营销策略是什么 信息安全的分级原则 忻州网络营销 公司网络营销定价策略 酒店网络营销方案样版 郑州网络营销外包 信息安全系统集成资质 信息安全系统集成资质 网络安全准入方案 网络安全 实施计划 信息安全的分级原则 营销型网站搭建的工作 网站学什么 医院营销推广 网络信息安全攻防 信息安全标准大致分为 网络安全入门培训 信息安全web安全,-1 域名和网站 精美网站 网络安全空间大赛wp 战略性网络营销策划书 营销策划书 多层次营销 2017网络安全企业 德州网站建设 信息安全人才培养 2017中国网络安全论坛 信息安全人才培养 信息安全 讲话 2014 福州专业网站建设 烟台网站建设设计 如何推广网站 网站建设渠道合作 京东营销策略是什么 国家信息安全问题,-1 flash个人网站 便利的龙岗网站设计 网络安全负责人 全国网络安全决议 德州网站建设 公司营销软件哪个好 网络安全罩 2017信息安全大会 网络营销意识 计算机信息安全分级 哈尔滨网络科技公司做网站 公司不需要做网站了网络社区营销的功能 腾讯营销案例 网络安全防护有哪些 外贸b2c网站建设 网络营销意识 石家庄网站制作哪家好 营销者网站 法律网络安全个人信息 南京网络安全类公司 经典电子邮件营销案例 信息安全保障强调依赖( )实现组织的使命 2017网络安全奖学金 医疗网络营销 医院营销推广 关于共建网络安全的文章 陕西信息网络安全协会 网站备案要多久 战略性网络营销策划书 川大 信息安全竞赛 手机网站的制作 企业的网络营销案例分析ppt模板 web网络安全培训 南山区网站建设公司 川大信息安全系 如何推广网站 什么是网络营销团队 旅游电子商务实训平台 旅游资源规划开发实训平台 网络营销实训平台套 2017信息安全大会 政府网络安全标准 网络安全 工控平台 网络安全软件滨江企业 有关互联网网站 互联网营销的哪些特征 软件开发 信息安全 全国专业信息安全服务资质公司,-1 网络营销管理 外贸b2c网站建设 计算机网络安全评价 网络安全攻击行为分析 无锡手机网站制作费用 济南网站建设和维护 营销策划书 思考体验营销