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
新建网站网站域名权中国网络安全形势校园网络安全概述网络安全日记优势营销电商营销能看的书籍金融网络安全案例分析北京邮电大学 信息安全中心脑白金营销关于互联网营销的书籍推荐新时间简史:人,人口,人口时代的变迁,未来触手可及。一个人,一座城,一段不朽的传奇,一步一步走向最高的巅峰。 穿越到一个被削职夺爵的侯爷身上,咋办? 凉拌! 还能不过了咋滴,既然一点光都沾不上,那就自力更生,从头开始! 以一介布衣为起点,聚拢天下财富,享受文坛尊崇,玩弄诸子百家,掌控列国风云! 数十年后,区区侯爷是个屁? 老子只想做个布衣! 什么? 小皇帝要封我做国公! 不做! 别说是国公了,王爷老子都不稀罕做! 回去问问小皇帝,你母后没告诉你是谁的种吗? 还国公? 你得叫我爸爸! 他是一个有理想、有抱负的人,尽管他的理想不切实际,他的抱负难以理解;他是精通诗词歌赋与华丽词藻的人,尽管他笔下的文章罕有人问津;他在传统的封建氛围中被管教得低眉顺目、温文尔雅,也挡不住内心的欲壑难填。他恪守旧时行为规范与封建礼仪道德,但到底没能收住心底对郎艳独绝的向往。他用哺育儿女的心血去照顾动物,又用使唤奴才的方法去对待它们。他始终理解不了自己与那些人的差距究竟在哪里,他外表谦虚但内心是倔强的,最终悲惨的结局由他一手酿造。东晋末年,神州陆沉,南北分裂,在这个遍地腥膻,豺狼虎豹横行的乱世中, 他应运而生,挺身而出! 他驱除胡虏,恢复中华,立纲陈纪,救济斯民!百万大军阵前,他临危不惧,面不改色; 士族门阀面前,他八面玲珑,从不妥协; 而对于地位低下的黎民百姓,他反而秋毫无犯,爱民如子。 他就是东晋最后一个军阀,徐骁,徐宗文。 且看他在晋末这片乱世中如何叱咤风云,纵横捭阖?功成名就的李向东走上人生巅峰,可是大梦初醒,却被一脚揣回了90年代变成了一个人人嫌弃的烂赌鬼,不但输掉了家产,竟然连女儿都输掉了。 重活一回,赚钱都是小意思。 李向东不仅要登上财富巅峰,更要让妻女俩过上梦寐以求的好日子。  全球人类降临异域。   每人皆会继承一座宗门。   发展宗门,培养弟子,顺便斩妖除魔,还此方世界一片人道乐土。   此方世界,资源并不丰裕,再加之宗门如星辰般密集,所以各宗门宗主获取修炼资源的难度极大。   但李纯在降临异域的同时获得了授予弟子万倍返还系统。   授予弟子什么,系统皆会以一定倍率返还。   【叮,您授予弟子一枚筑基丹,万倍返还您一万枚筑基丹!】   【叮,您授予弟子一柄黄品上阶斩灵剑,万倍返还您一柄天品武器大道升龙剑!】   凭着万倍返还系统,李纯将其创立的人教推至了万界巅峰。   该书讲的是一个社会主义国家,卡瑞特,卡瑞特这个国家为了发展经济,通过提案恢复了私有制企业,但国家并没有及时的去抑制私有企业的发展,使得国家贪污腐败过于严重,让平民受到了压迫,我们的主人公阿布司曼和一系列出现的平民,通过他们的经历让我们看到了他们悲惨的命运来自星辰的启示, 人与神明相抗争。 超前进化的智慧, 痴迷幻梦不愿醒。 败军之将,梦途惊醒,逆天改命,铸就新(醒)程。 都说商场如战场,可是有多少人知道期货市场是战场上刺刀见红的前沿阵地? 人生就像k线图,有阴线,也有阳线。 是怎样的人生经历,让男主角发出了“向左看,一目了然;向右看,一片茫然!”的感慨? 请走进这部小说,走进书中人物的内心世界,一窥主人公在漫山遍野芬芳中的情感历程,回望期货市场波诡云谲的变化,体会一飞冲天的快乐,也品尝泥沙俱下的痛楚。 本故事人物﹑情节均为虚构,若有雷同,纯属巧合。
什么是整合营销? 中国信息安全处理企业 专科网络营销就业前景 信息安全逆向工程 中国信息安全公司有哪些 每年网络安全的大会 福州网站制网络安全实训室方案 网络安全设备进化史 贵阳网站设计 信息安全等级保护制度 冤亲债主干扰有哪些常见症状?咨询【www.richdady.cn】 前世今生的轮回解析咨询【www.richdady.cn】 化解外灵的专业手段【www.richdady.cn】 冤亲债主干扰对生活有哪些影响?【www.richdady.cn】 事业不顺的案例分享咨询【www.richdady.cn】 莫名其妙感伤的前世影响【微:qq383550880 】√转ihbwel 财运不佳的案例分享【www.richdady.cn】√转ihbwel 感情纠纷的解决方法咨询【www.richdady.cn】√转ihbwel 与女友前世的影响分析咨询【企鹅383550880】√转ihbwel 亲子关系的共同成长咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 感情纠纷的心理调适咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 心慌胸闷头晕的案例分享咨询【σσЗ8З55О88О√转ihbwel 大龄剩女威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 长期耳鸣可能是哪些疾病的信号【www.richdady.cn】√转ihbwel 缺心眼的心理调适【www.richdady.cn】√转ihbwel 婴灵的超度过程咨询【微:qq383550880 】√转ihbwel 为什么过世的前世故事咨询【σσЗ8З55О88О√转ihbwel 老公家暴的案例分享【企鹅383550880】√转ihbwel 与女友前世的识别方法【企鹅383550880】√转ihbwel 失业的案例分享【σσЗ8З55О88О√转ihbwel 外贸家具网站首页设计 为什么信息安全学费高 李老师谈营销 网站营销 中国网络安全形势 闸北集团网站建设 三合一网站建设是指 wifi开放网络安全吗 中国无人驾驶网络安全 营销促销案例分析 珠海电商网站制作 网络安全风险评估内容 深圳大型网络营销公司排名 优势营销 2014年信息安全标准委员会会议 网络营销环境包括哪些 网站推广报价朝鲜 网络安全 长沙做最好网站 节目营销 企业网页设计网站案例 网络营销策划书结构 南昌网站推广 亚马逊网营销策略 企业信息安全管理方法 信息安全不涉及的领域 教育行业信息安全风险 深圳罗湖网络营销 2016企业信息安全事件 网站建设开发公司 九江网站建设 网络信息安全入门 上海信息安全管理中心,-1 世界网络安全市场 商务网站制作公司 信息管理与信息系统 信息安全 信息管理与信息系统 信息安全 邮件服务器网络安全 中国信息安全处理企业 南通哪里有做网站的 现代感网站 信息安全外包评估方法 无锡全网整合营销外包 信息安全是什么类 每年网络安全的大会 如何确保网络安全部队 网络安全培训招生简章 网络安全培训招生简章 营销平台 打造公司的网站 信息安全外包评估方法 专科网络营销就业前景 信息安全等级保护流程 长沙网络营销策划 信息安全与管理评测师 黄骅做网站_黄骅昊信科技|黄骅网站|黄骅网站开发|黄骅微信|黄骅 信息安全培训深圳 网络信息安全服务能力,-1 什么是整合营销? 如何确保网络安全部队 网络安全竞赛平台 网络安全风险评估内容 信息安全产品配置与应用 信息安全专业全国哪些 辽宁网站制作 南昌网站推广 网络及信息安全设计创网站 科技公司网站设 重庆整合营销哪家靠谱 cobit5 信息安全 msn营销 网站建设计划书 网站建设导航栏设计 闸北集团网站建设 为什么信息安全学费高 网络营销环境包括哪些 中国信息安全公司有哪些 回顾2012年重大网络安全事件 深信服信息安全审计系统,-1 网络安全纯粹是一个技术问题 黄骅做网站_黄骅昊信科技|黄骅网站|黄骅网站开发|黄骅微信|黄骅 福州网站制网络安全实训室方案 陕西省网络安全网 广州响应式网站咨询 广州外贸营销型网站 2014信息安全新技术 baidu营销学院 网络安全监控公司 信息网络安全知多少 中国无人驾驶网络安全 网络营销代表 什么是整合营销? 娃哈哈的营销方式 msn营销 网络安全日记 信息网络安全 官网 网站设计尺寸 cncert网络安全年会 企业网页设计网站案例 河池网站建设 长沙网络营销策划 网络营销怎么推广q511566388 网络营销策划书结构 中国信息安全处理企业 计算机信息安全系统是指 网站架构图 网站营销 微博营销是一项系统工程微博营销的操作模式包含以下哪些? 九江网站建设 网络营销策划的方法 ccf 网络与信息安全 ccf 网络与信息安全 cncert网络安全年会 信息安全不涉及的领域 网站架构图 学校网站的作用 相宜本草口碑营销 信息管理与信息系统 信息安全 贵阳网站设计 中国信息安全博士,-1 校园网络安全概述 网络安全关键字 打造公司的网站 网络营销代表 科技公司网站设 现代感网站 网络营销的特点 网络安全意识培训目的 企业信息安全管理方法 北京邮电大学 信息安全中心 西安网络安全 网站建设优化服务如何 英国信息安全 节目营销 娃哈哈营销市场分析 网络安全活动有哪些