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
怎么网站设计营销渠道与营销网络网络安全执法案例分析高端网站建设公司如何架设php网站网络安全厂家分类佛山网站推广网络营销策划书员工信息安全培训网络安全领导访谈OMG!这是什么金手指啊? 别人的金手指都是牛B克里斯的存在,为何到了自己这里就是一个盗贼? 本人虽然不是顶尖美男子,但好歹也不赖啊,我就那么像贼吗? ...... 系统,我恨你!她宇文曼——大夏国第一个女皇帝。 坐上龙椅的第一天起,她就成为了不折不扣的傀儡。 本来想着就这样混吃等死,结果突然的一场兵变,连傀儡都做不成了...... 当她再一次夺回皇位时,世人对她依然缺乏认同。 在这个群雄争霸的年代,最弱的女皇,居然在所有人眼皮底下捡了个大便宜。 如果治理这个天下能算作便宜的话... 断壁残垣、饿殍满地、民不聊生... 战争带来了至高皇权,也带来了遍地枯骨。 宇文曼正襟危坐,身边是刚刚被册封的“国姓爷”文泰,殿外站着忠心耿耿、整齐成排的士兵,台阶下是一群诚惶诚恐的大臣。 大臣们曾经跪拜过她,又肆意污蔑她...如今为了日子过得去,只好颤颤巍巍的再次向女皇磕头。 好在女皇的心思还不在他们身上。 因为她是皇帝,所以没有退路——进则生,退必死! 奇迹不会一次又一次发生! 她必须整顿纲纪。 必须让难民归乡、让荒废的良田重新长出庄稼。 必须挥舞利剑,赶走那些盘踞中原的豺狼虎豹......法外狂徒张三在被执行死刑后无意穿越异能异界,在这个世界张三还能做回那个法外狂徒吗?在这个异能世界,张三又该何去何从?“当时太天真了,以为跟个大哥就有口饭吃,结果……”十三机众人擦擦泪,说:“现在肉都吃撑了,再吃就吃不下去了……大哥别打肉了,再打真吃不完了……什么?晚上还要做肉,老大求你了放我们出去打架吧!” “你们这算啥?”治安署的人一把鼻涕一把泪的说:“以为是两个破小孩拉起个组织要搞事儿,我们都准备好搞了加工资,你这谁想得到我们的治安还更好了……等一下,各位,我先不哭了,好像过了今天我们就是同一个老大了。” 这谁想得到?搞事情的组织还要当头。 这么说,工资的话…… “宣誓了,宣誓了。” 东南三区,并非长久安定;天下之稳,皆因大守门人。 “守门人 李思仁!” “守门人 张耀文!” “守门人 十三机机所有人。” “守门人 春秋战国集团。” …… “还有我还有我,这次我可赶上了。” “张家众人,李达夜和其徒张燚,参上!” 在这个人人都是重生的世界里面,每个路人甲都绑定着五花八门的主角系统,而我?不需要!开玩笑嘛?我可是千古一帝的转世!是在刚开始修行就能硬刚创世神的存在-_-,虽然战绩可能有点难堪,但是!这种精神就很可贵嘛——?世道不靖,民生皆苦。 黑暗里的幽灵,星空中的刺客。 天上地下屠魔弑神,只为创造一个美好的世界! 他是一个来自异世界的灵魂。 不甘心命运被安排,反感这个恶者逍遥自在,善者不得善终的黑暗世界。 为了实现理想,他一路苟着做人,努力积蓄力量,终于改天换日,重塑乾坤!夏历2222年,黑色的太阳突然从极渊升起,在天穹之上悬挂七日,全球陷入一片黑暗。 此次事件中,整条赤道全线崩坏,水蓝星裂开一道长达4万公里的影渊,横贯东西。 七天后,黑日退去,光明重洒大地。 可当人们欢呼灾难结束之时,却不知无尽的恐怖正从影渊之中醒来。 自此,全球复苏,百鬼夜行。 谁能想到我一个普通的人居然能遇到修仙者。   还获得了一个莫名其妙的战神系统。   当我得到系统以后,居然发现这系统居然如此坑d。   但又没法甩掉。   “老头!我很恨死你了!” 神魔横行,仙尊镇世!地星,是一个仙道大昌之地!然修行者只为一己私欲,破碎山河,湮灭了这繁盛的修仙界! 天道伤隐,灵气绝迹,地星进入了漫长的枯寂岁月! 数十亿年后,外太空超新星爆发,突然而至的神秘物质,引出了地星久违的天道,灵气出,武(仙)道现。 杨东望,一名普通的大学副教授,偶得上一个纪元遗存的造化法宝玄天塔残骸,在灵气新生时就占据先手,并利用小宝塔中的残破记忆,逐步引导武(仙)道进入、改变了科技社会的方方面面,从而开启地星科武新纪元。 李一是个从小受过高等教育崇尚科学的人,虽然他祖父解放以前是个有名的阴阳先生,可他却从不相信鬼神之说,直到他遇到的一些诡异的事情后才改变了他的观念,靠着从其祖父那里得到的一本经书开始了他精彩的人生!
东台建网站 网络安全领导访谈 信息安全牛商网网站推广方案 广州做网站信科分公司 网络安全 香港 营销免费 公司网站传图片 网站辅导运营与托管公司 个人网站备案 营销渠道与营销网络 迟缓儿的治疗方法【www.richdady.cn】 外灵干扰的自我提升咨询【www.richdady.cn】 冤亲债主干扰有哪些常见症状?【www.richdady.cn】 迟缓儿咨询【www.richdady.cn】 孩子不爱读书的阅读环境咨询【www.richdady.cn】 前世缘份的前世影响威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 儿子抑郁症的家庭支持咨询【企鹅383550880】√转ihbwel 存不住钱的咨询技巧威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份如何影响事业发展?【σσЗ8З55О88О√转ihbwel 婴灵的超度仪式【企鹅383550880】√转ihbwel 前世缘份如何影响情感生活?【企鹅383550880】√转ihbwel 与公婆前世的影响分析咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 构建和谐亲子关系的方法有哪些?咨询【企鹅383550880】√转ihbwel 有官司的前世因果【企鹅383550880】√转ihbwel 如何判断被冤亲债主干扰?【企鹅383550880】√转ihbwel 如何解决事业不顺的问题?【微:qq383550880 】√转ihbwel 外灵干扰的心理调适【σσЗ8З55О88О√转ihbwel 耳鸣的解决方法咨询【微:qq383550880 】√转ihbwel 心特别累的前世记忆咨询【微:qq383550880 】√转ihbwel 冤亲债主干扰的案例有哪些?咨询【企鹅383550880】√转ihbwel 重庆南川网站制作公司哪家专业 建网站需要多少钱 国家网络安全机构 win7网络安全注册表 上海信息安全历程 网站建设我们的优势 广州做网站信科分公司 做网站品牌 手机网站广告 医疗行业网络安全现状 wpa个人2网络安全密钥是什么 聚美优品营销方案 个人网站模板网站做好了每年都要续费吗 软件营销网 青岛商业网站建设 营销渠道与营销网络 如何架设php网站 网络营销策划书 国内网络安全团队 信息安全标准规范 上海市网络安全总队 国家信息安全测评中心待遇 南昌 网络营销 网站靠什么 什么叫做网站维护 信息安全公司 排名,-1 简易的网站 信息安全公司 排名,-1 网络搜索引擎营销案例做网站销售 什么是信息安全与管理中心 全球信息安全企业排名 网络安全攻防竞赛 徐州html5响应式网站建设 徐州html5响应式网站建设 如何架设php网站 网络安全练习 网络安全厂家分类 高端企业网站信息 东莞网站案例营销 深圳 信息安全培训 做网站品牌 网站制作 常见问题 怎么网站设计 个人网站备案 营销型网站的基本模板 全国计算机网络安全 网络安全及信息管理 陕西信息安全监测中心 设计云网站 网站营销方案 信息安全专题邀请赛 网站设计一般会遇到哪些问题 信息安全开发 西安制作网站 意大利 网络安全 软件营销网 五级网络安全 意大利 网络安全 网站设计公司 南京 全国公安机关网络安全 信息安全相关竞赛 西安高端网站制作公司 鸡西网站建设 网络安全工作实施流程图 路由器 网络安全 上海市网络安全总队 信息安全攻防实验员,-1 福州做网站的 网站制作 常见问题 网络安全新生态 信息安全方向博士论文 网络安全 顶级会议 手机网站广告 上海信息安全历程 如何创建网站 如何网络安全建设 网络安全设计方案 高端网站建设公司 gartner信息安全的威胁 上海高端建设网站 形象类网站 高端的平面设计网站 搜索引擎营销工具 医疗行业网络安全现状 什么是搜索引擎营销腾讯 建网站需要多少钱 台州网站建设公司 长沙微信网站 湖南网站推广 企业网站策划书 上海高端建设网站 网络信息安全的公司 微博营销网站的功能 自己建立的网站 网络安全法漫画 有设计感的网站 威海网站优化 银监会 信息安全 文件,-1 国内网络安全团队 深圳网站制作公司资讯 linux网络安全技术与实现 第2版 网站建设陕icp 广州企业网站设计公司 信息安全牛商网网站推广方案 全国计算机网络安全 网络游戏的网络营销 如何学习信息安全,-1汕头网站设计 台州网站建设公司 网络信息安全培训 上海 广电网络营销实战营 网站营销方案 网站欣赏】 公司网络安全部门规划方案 网络安全设计方案 建网站需要多少钱 信息安全课攻防实训 中国信息安全十大公司 win7网络安全注册表 网络安全领导访谈 信息安全风险管理 网站建设我们的优势 网络黑客与网络安全 网站欣赏】 做网站品牌 网络安全监测预警机制 青岛设计网站的公司哪家好 医疗行业网络安全现状 家居营销网 网站靠什么 聚美优品营销方案 常州网站制作机构 网络安全技术培训班 软件营销网 个人网站模板网站做好了每年都要续费吗 网络安全编程的特点