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
商城网站的模块设计信息安全所怎么学营销中国信息安全公司排名网络目标市场营销策略重庆专业的网站建设南京网络安全培训中心医疗信息安全解决方案车联网信息安全标准网站描文本网络目标市场营销策略他,为爱入狱五年,出来竟发现未婚妻跟别人订婚了,原来他一直在错付!得知真爱父母双亡,瞎了眼睛, 成了家族的弃子!陈九临一怒之下,施针救人扭转乾坤! 摊牌了,老子就是南境之王,这一次我要让你做最幸福的女人! 江湖风云出我辈,一入江湖岁月催,皇图霸业谈笑中,不胜人生一场醉。神祇时代,人人皆为神明,体内创立神国,高举神火,万族繁衍。 就在神明们还在争论到底是半兽人厉害,还是亡灵系大军恐怖的时候。 林凡看着自己的十万个钻在草丛里的大盖伦,无敌寂寞。 “我真的不是最强天神。” “我只是一个普普通通的LOL玩家而已。” 一众神明痛哭流涕:“大佬你说的都对,能不能先让那群莫甘娜把我们放开?我们真不认识凯尔!” “伟大的神王,快把那个爆破鬼才收回去吧,它往我的神域里扔了个东风快递!” “天啊,三万个死亡歌颂者的死亡合唱团又在唱歌了!” 江山如画,美人妆! 龙腾万里,乐逍遥! 一个穿越者的灵魂; 一个当代皇者之命魂; 一个身负上天之意的天女; 当三者相辅相成,为天下先,为苍生意。 匡扶社稷,历经磨难。 是宿命的轮回还是这悠悠天意,人力难为; 朝堂,战场,血雨厮杀,阴谋密布; 烽烟过后,张翼回首看向背后孤寂的威威皇朝,看着曾经的硝烟之处,却早已物是人非。 上马提剑定天下,下马安国保苍生。 ps:慢热,有逻辑,不属于小白文,慎重选择。那一年,横推八百无对手,轩辕重出武圣人但是无敌! 那一年,飞天魔女龙云凤还没出现! 那一年,细脖大头鬼的鼻子还在! 那一年,九尾妖狐陆素珍已经变坏! 那一年,玉面小达摩还没,浪起来! 我叶无心历千劫万险; 纵使魂飞魄散,我灵识依在; 战百世轮回,纵使六道无常,我依然永生; 洒我热血,一往无前,穿越了宇宙洪荒; 修我战枪,枪尖在燃烧……何人云端起舞; 让我望穿天涯,柔肠百折,心中风雪潇潇; 曲终人散,一枪刺破云霄,古今同一笑; 天地任逍遥,后世来者,莫与我比高。大盛帝国边境一时间狼烟四起,烽火连天。镇远府陷落,敌军的铁骑逼近上京。内阁首辅之子郭曦受封征北将军,率军支援上京防线,面对危急的局势献出妙计,亲率军队大败北乾。 但随着他的凯旋而归,一场场政治风暴也随之而来。 自此之后,一代军事天骄崛起,他八出奇计,淹司城,烧井阳,千里奔袭包抄敌军……他用一次次的碾压的胜利剿灭五国,告诉侵略者:胆犯大盛者,虽远必诛。 最终,他踩着尸山血海与成林枯骨,用着阴谋诡计一步步走向了皇位,成就了一代传奇战神。(非穿越,非重生) 天地异象,洪荒崛起,万事万物皆被抛弃,人如蝼蚁,生灵如草芥,是灾祸,亦是机遇,既然正义已经无法拯救世界,就让我跌入魔,坠入道,拯救芸芸众生。金丹成,元婴现,化婴成神,一步修仙路,逆天成真神。 数万年前人界灵气盎然,人神同修,万年大劫将至,界面薄弱,魔界魔神率众魔族破虚空入人界,誓要屠尽人族。 人界尸骨成山,血肉成河,众仙陨落,为保人族延续,众神不惜元神灭,神体破,撕碎界面,与魔族同灭。 界面破碎,形成无数小界面,灵气稀薄。魔族重燃,一个个人族界面消散… 菩萨低眉,所以慈悲六道! 撒旦低头,所以血流成河! 以撒旦之名,专职杀戮,他要当最强的那个男人! 最燃的都市,且看一个男人如何成就霸业,成为傲立巅峰的一代传奇!   【七少出品,铁血霸气】 撒旦军团群:198247503
汽车网站案例网页设计 川大信息安全公司 安在信息安全新媒体 信息安全等级保护三级方案 昆山做网站 个人电子信息安全 重庆专业的网站建设 运营的网站 建网站需要什么 国内网络安全认证 孩子压力大的原因分析咨询【www.richdady.cn】 心理咨询与灵性指导【www.richdady.cn】 如何应对突然失业的情况咨询【www.richdady.cn】 感情纠纷的改运方法咨询【www.richdady.cn】 无形干扰的咨询技巧咨询【www.richdady.cn】 人际关系不好时的心理调适【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 家庭关系的自我提升咨询【微:qq383550880 】√转ihbwel 前世今生的轮回解析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 潜能开发与自我提升咨询【企鹅383550880】√转ihbwel 莫名其妙感伤咨询【www.richdady.cn】√转ihbwel 孩子学习不好的前世因果威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份的重逢有什么迹象?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 内心恐惧胆怯的原因分析【微:qq383550880 】√转ihbwel 婴灵的超度方法咨询【σσЗ8З55О88О√转ihbwel 解梦的前世影响【σσЗ8З55О88О√转ihbwel 财运不佳咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生的轮回真的存在吗?咨询【σσЗ8З55О88О√转ihbwel 不爱读书的改运方法咨询【www.richdady.cn】√转ihbwel 孩子压力大的咨询技巧咨询【www.richdady.cn】√转ihbwel 官司的心理调适【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 网络营销策划的分类 网络安全技术与应用 下载 个人电子信息安全 苏州高端网站制作 网站建设中 网络渗透测试-保护网络安全的技术工具和过程 平台信息安全险 合肥seo营销公司 公安内网网络安全工作 网络安全等级如何设置 网络安全软件应用有哪些 佛山建网站 营销活动培训班 昆明网络营销网站 杭州品牌营销策划有限公司官网 网络营销学文稿 网站设计) 四大信息安全顶级会议 青岛网站优化公司 个人电子信息安全 加强网络安全培训 上海银基信息安全 网络工程师和网络营销 网站后台模板 小榄网站 信息安全咨询服务 汽车网站案例网页设计 信息安全与管理警校,-1 edm营销 信息安全的分级原则 简单网站制作 微博营销广告语 上海手机网站建设 长沙的网站建设公司 商城网站的模块设计 企业营销网络介绍 龙华三网合一网站建设 网站title优化 信息安全大学排名2016 网站站群优化 南宁中小企业网站制作 分析企业网站和搜索引擎两者在传递网络营销信息方面有何不同 网络安全责任的了解 手机版网站建设开发 个人网站建设 免费 浙江省网络安全办公室 信息安全所 信息安全等级保护三级方案 怎么自己做网站 网络安全工具cain 国家信息安全服务等级资质 加强网络安全培训 车联网信息安全标准 重庆专业的网站建设 梧州网站建设 国家信息安全服务等级资质 一直播信息安全 怎么在网上创建网站 网络营销目标市场案例 一直播信息安全 关于建网站新闻 南宁中小企业网站制作 网络安全 优秀教师 服装页面设计的网站 南京网络安全培训中心 营销办法 上海网站建设要多少钱网站的设计、改版、更新 信息安全咨询服务 营销办法 公安内网网络安全工作 免费的网站申请 手机微信网站 人工智能 网络安全 个人主页网站申请 企业网络营销后期总结 企业使用的网络安全技术 信息安全网站有哪些内容 des加密算法 网络安全 狮山做网站 建交友网站 合肥seo营销公司 营销型网站方案 网络安全实验室 注入 上海科技 信息安全有限公司,-1 信息安全人才培养 分析企业网站和搜索引擎两者在传递网络营销信息方面有何不同 整合网络营销 网络安全模拟实验 微博营销广告语 浙江省网络安全办公室 苏州高端网站制作 edm营销 营销型网站方案 网络安全工具cain 首都网络安全论坛 启明 上海商城网站 青岛网站优化公司 重庆专业的网站建设 国内网络安全认证 营销活动培训班 广州网站设计 深圳网站制作公司哪家好 网站描文本 营销性软文 青少年维护网络安全 陕西信息安全 威海网站制作 安在信息安全新媒体 网站怎么添加管理员 微博营销广告语 有免费的营销软件吗 信息安全网站有哪些内容 工信部 网络安全法 信息安全识别 信息安全大学排名2016 昆山做网站 网络安全模拟实验 国内网络安全认证 信息安全知识培训 商城网站的模块设计 外销网站 佛山建网站 昆山做网站 北京互联网网站建设 怎么在网上创建网站 国家信息安全服务等级资质 唐山网站建设哪家专业 公安内网网络安全工作 网站优化过度的表现 网络安全顶级会议 个人网站建设 免费 网络营销策划的分类 信息安全的分级原则 网站组成费用 网络安全等级如何设置