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
深度科技商业官方网站合肥做网站的价格娱乐营销的优点网络安全产品解决方案网站的网页网站建设可以帮助企业自建网站的缺点全国大学生信息安全竞赛成都模板建站影响网站的优化排名互联网公司网络安全 建文四年,朱棣拖家带口举兵造反,攻进应天府时,最疼爱的太孙朱瞻基却离奇失踪。 朱棣大怒,认为是建文乱臣所为,遂屠杀一万四千余建文乱臣及家眷,流放三万余靖难遗孤,以表对太孙疼惜之意。 …… 十一年后,一少年乱了朱棣心智,朱棣时常化作普通老头,与他一起打猎。 “老爷子,我真不是你孙子,我是从死人堆里爬出来的,没有亲人。” 朱棣听着朱辰的独白,禁不住就落泪了。 “谁说你没亲人,我现在告诉你,你爷爷是永乐大帝朱棣,你是大明皇嫡长孙。” 朱辰:“老爷子,您别骗我了。” 朱棣道:“不信也罢,我欠你一个盛大的复辟仪式。” 次日,应天府白日宵禁,万人空巷,十万大明铁骑进城,为首一人,正是那身穿铠甲,龙虎精神的老爷子! 爷孙俩隔空对望一眼,朱棣一笑。 十万大明铁骑下马,恭敬跪地大吼:“恭迎大明皇嫡长孙回朝!” 一天重复着一天,当初选择并打算坚持的理想在不知不觉中变了质,面对现实中的种种无奈,不得不放弃一些长久以来所坚持的东西,迷茫的寻找着以后的路,如果有一天我们如众多穿越者那样穿越到不同的世界,我们又能做什么?又能改变什么?(PS:一直答应过一位好友要以他为主角写一本书,虽然好久好久没有联系,毕竟答应过的事情都要做到,人不能无信嘛,本书虽然会写得有些乱,未来可能骂评如潮,但是不会鸽,会坚持写完。) 之前我在别的网站也写过这个,所以没什么雷同之说,而且基本上都是我写的在一个平平无奇的城市里,且看它游戏人生!末世小人物,系统觉醒搜魂,抬手间抽取变异体技能,我虽废柴,却日益强大…… 看他如何在充满变异体的异世界闯出自己的一片天地…… 建文四年,朱棣拖家带口举兵造反,攻进应天府时,最疼爱的太孙朱瞻基却离奇失踪。 朱棣大怒,认为是建文乱臣所为,遂屠杀一万四千余建文乱臣及家眷,流放三万余靖难遗孤,以表对太孙疼惜之意。 …… 十一年后,一少年乱了朱棣心智,朱棣时常化作普通老头,与他一起打猎。 “老爷子,我真不是你孙子,我是从死人堆里爬出来的,没有亲人。” 朱棣听着朱辰的独白,禁不住就落泪了。 “谁说你没亲人,我现在告诉你,你爷爷是永乐大帝朱棣,你是大明皇嫡长孙。” 朱辰:“老爷子,您别骗我了。” 朱棣道:“不信也罢,我欠你一个盛大的复辟仪式。” 次日,应天府白日宵禁,万人空巷,十万大明铁骑进城,为首一人,正是那身穿铠甲,龙虎精神的老爷子! 爷孙俩隔空对望一眼,朱棣一笑。 十万大明铁骑下马,恭敬跪地大吼:“恭迎大明皇嫡长孙回朝!”"三阴绝脉"者,史书所载;凡患此症者非但终生不能修武,并且几乎无一人能侥幸活过十三岁。命运关上所有的幸运之门,却开了一扇窗,令其在绝境中峰回路转,当其踏着尸山血海攀上巅峰之时,骇然发现一个惊天之秘。暮然回首,惊觉自己脚下的这片世界幌若恒河之沙粒,渺若微尘。何去何从……特殊体质,资质绝佳,修炼救母。红尘中相视一眼,续写剪不断情缘。 不争大世,不逆天道,顺势修仙。无尽岁月一浮尘,凡人亦可登绝巅。嫂子红杏出墙,大哥锒铛入狱,家破人亡下,他也身心具创。 数年后,容貌大改,决定报复,誓要让那女人悔不当初。 却不料,嫂子嫁入他家,也是为了报复。 起因,只是源于昔日的一场情债。 感情是蜜更是刀,虽不伤身却伤心;动情之前先问心,用情不专祸无穷。 宅男孙广如果没有选择,肯定守着自己的一亩三分田……但是老天给了机遇怎么也要搏一搏,试想一下,诸天万界有什么好玩的呢……
重庆网络营销哪家好 权威的网站建设 苏州网站推 微信营销软件代理网战 信息安全审核员 建商城网站 网站设计品 广告网络营销策划 广西信息安全大赛 网络安全组织管理 婴灵的超度仪式【www.richdady.cn】 与男友前世的前世缘分咨询【www.richdady.cn】 存不住钱【www.richdady.cn】 婴灵的形成原因咨询【www.richdady.cn】 阴间生活的前世缘分咨询【www.richdady.cn】 特殊学校的课程设置咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵的化解方法【www.richdady.cn】√转ihbwel 学习成绩差咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 官司【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 与男友前世的咨询技巧咨询【σσЗ8З55О88О√转ihbwel 缺心眼的环境影响咨询【σσЗ8З55О88О√转ihbwel 大龄剩女【企鹅383550880】√转ihbwel 发育倒退的解决方法【www.richdady.cn】√转ihbwel 心特别累的咨询技巧威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 特殊学校的课程设置【σσЗ8З55О88О√转ihbwel 特殊学校的环境影响【企鹅383550880】√转ihbwel 家庭关系的教育建议【www.richdady.cn】√转ihbwel 公司破产后的员工安置问题咨询【企鹅383550880】√转ihbwel 前世今生相关咨询【企鹅383550880】√转ihbwel 事业不顺的风水布局咨询【σσЗ8З55О88О√转ihbwel 企业 开展信息安全业务,-1 个人网站自助建站 Ios网络安全 做网站价格 馆陶网站建设 吉安做网站 广州网络安全公司排名 信息安全 学会 如何免费建立网站 网站设计品 什么是营销型网站 惠普 网络安全信息安全测评认证中心 sem搜索引擎营销案例 营销工程师 怎么做网站信息 病毒营销的特点是什么 苏州网站推 织梦cms 网站所有的链接target属性 怎么统一修改 网络安全条例的是 2014信息安全竞赛题目 禅城区网站建设公司 建商城网站 sem搜索引擎营销案例 微信营销软件代理网战 饥饿营销流程 购买b2c网站 常用的信息安全技术 合肥做网站的价格 网站的网页 全国大学生信息安全竞赛成都 做外贸网站 怎么把网站黑掉 网络安全警示片 公司网站图片传不上去 信息安全风险管理培训 营销 qq 信息安全保护技术措施是 网站显示百度地图互联网营销平台 四川互联网营销策划 中新网络信息安全股份有限公司 网络营销师培训 内容营销的模式 上海的外贸网站建设公司 吉安做网站 微信营销软件代理网战 东莞市手机网站网络安全数据可视化 郑州医疗网站建设 网站设计品 无锡seo营销 信息安全审核员 怎么做网站信息 龙岗 网站建设深圳信科 高阳网站制作 网络安全前言 苏州做网站推广的公司哪家好 馆陶网站建设 昆明网络推广营销 山东网络信息安全 东莞市手机网站网络安全数据可视化 国家网络安全应急中心 网络安全侦察 如何设计网站域名 长春市网站推广 专业营销外包公司有哪些 网络营销的竞争分析报告 网络安全工作创新 网络营销机会分析报告 长春市网站推广 网站改版完成 怎样建立自己的网站 互联网公司网络安全 网站改版完成 权威的网站建设 高阳网站制作 网络安全抱谁大队 网络营销师培训 制作网站备案幕布 2017重大信息安全事件 山东网络信息安全协会 企业网站需要多少钱 网络自由网络安全 e mail营销名词解释 假期网络安全分析 信息安全防护技术 信息安全 学会 常用的信息安全技术 内容营销的模式 北京搜索引擎营销外包 信息安全等级证书 外贸网站制作 网络安全服务机构资质 北京网络营销博客 网络安全工程 培训 企业网络整合营销公司 网站数据库制作 国家信息网络安全 个人网站自助建站 乐清企业网站建设 传统营销的特点是什么意思 做网站价格 重庆网络营销哪家好 无锡seo营销 吉安做网站 网络安全风险感知网络安全管理员培训 汽车营销策划的案例 信息安全 学会 娄底网站建设 权威的网站建设 网站设计品 创建免费网站 饥饿营销流程 惠普 网络安全信息安全测评认证中心 信息安全服务组织能力 网站数据库制作 营销工程师 sem营销策划方案 新营销微博网络信息安全员证书 病毒营销的特点是什么 广州网络安全公司排名 我国网络营销的现状 织梦cms 网站所有的链接target属性 怎么统一修改 东莞全网营销网络推广模式 创建免费网站 2014信息安全竞赛题目 网络营销的理论知识 网络安全 金融 建商城网站 有关网络安全的logo 先进网站 微信营销软件代理网战 网络安全风险感知网络安全管理员培训 网络安全形势严峻 购买b2c网站 网络自由网络安全 信息安全事件