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
外卖营销方式公司网络安全负责人网络运维与信息安全网络营销微观环境因素中小企业营销培训党员信息安全深圳网站制作公司 讯厦门市网站建设网站挂黑链密码技术是网络安全清玄父母在小时候神秘失踪,为了解开谜团,他跟着师傅李闻道学习七年,直到一天师傅交给他一个任务,他的生活开始与过去接轨,事情的真相逐渐浮出水面,他也因此接触到了以往不为人知的世界,基因药剂,生物兵器,变异种族等事件不断出现,清玄以及他师傅又会怎么去应对呢……原本吴向东作为医院高新人才引进计划的成员而备受瞩目,却因为一场突如其来的医疗事故坠入深渊,不但被医院打上“推诿病号”的烙印,更是在同窗的推波助澜下被医院发配到乡下干起了赤脚医生,耽误了前程。 虽然多年后他凭借精湛的技术在医疗行业中闯出属于自己的一片天地,却始终因为那件事被人诟病,无法将自己的健康理念推向全国,而后在某次醉酒中他发现自己重新回到1999年的那场医疗事故的当晚。 于是那个男人回来了,他凭借前世经验,在那个单纯以治疗疾病为目标的年代,始终坚持以病人本身为治疗原则,在他的带领下,医疗行业发生翻天覆地的变化,而他和自己的团队也在一次次医疗事件中,逐步登上世界医学的舞台并伫立在世界之巅。苍天啊,明明是穿越,你为啥还要买一送一。 刚得知自己兄长也是穿越者的孙国瑞不由得闭上了眼睛,算了,还是装傻当个闲散王爷吧。写手一个,喜欢随手写一些玄幻类型,如有指教请来。 文盲写作,浊者自浊。看完我作品的人有两种,一种会哭,一种会笑。 本文章纯属虚构,文章参考各类古典文学所编辑。各位看客,切莫当真。 本篇小说版权归文章作者:“平凉侯张绣”。所有如有侵权必究。重回90,多了老婆家庭,谭明阳烧冷灶,做布局。本想静待风起,乘着连母猪都能够起飞的时代巨浪打造属于自己的商业版图。   但现实却让谭明阳遭遇当头棒喝。   他不得不挺起了脊梁骨,以超越时代四十年的眼光跟阅历,用行动搅翻这个时代。   不装了,这时代,老子就是风口。从一名狱卒入赘仙宗。 陈浮生发现老丈人天天喝花酒,逛青楼。 妻子上官凤儿整日修行不见踪影。 作为赘婿百无聊赖,只能帮忙管理仙宗。 这一日,陈浮生依旧躺在摇椅上晒着太阳打着盹,上官凤儿的丫鬟问道: “姑爷,为何你年纪轻轻富可敌国?” “姑爷,为何这仙澜大陆这么多人都要给你面子?” “姑爷,为何感受不到你的灵压,却能反手打死元婴大佬?” “姑爷...为何...” 陈浮生翻了翻身子,懒洋洋道:“不就管理一个小宗门,有幽冥监狱那么难吗?” 小丫鬟听后缩了缩脖子。 幽冥监狱,那里关押的都是绝世大佬。 监狱最高九层! 咱仙宗掌教,在那里最多只能排在三层 一个九零后年轻人一生的梦想就是能和自己相恋三年的女友组建一个温馨的小家,奈何却败给了房子车子彩礼,正当伤心欲绝生无可恋之时,死党一个电话改变了他的一生,也遇到了生命中真正属于自己的那个人,,,,,,飞雪连天,他在雪林中留下的婴儿侥幸生存 成长之路,门派间的互相争斗 中州大乱,一力降十会 可,她到底在哪里?何为仙,何为魔?混沌初开,天地一体,何分神魔!不世天骄,欲合二道,夺天地之造化,逆大道之轮回,造无上之法典,奈何天地无情,身消道陨,而无上法典也不知所踪......桂州城江家废物少爷江谪在机缘巧合之下获得一奇特玉佩,从此纳仙魔二道,化己身为混沌,踏云梯,碎苍天,只手可握天地间!
最好的网站模版 北京企业营销策划公司 国际信息和网络安全会议 中国网络安全企业排名 我国服装企业网络品牌的营销策略分析——基于凡客诚品品牌案例分析 重庆 网络安全大队 低层次营销 网络安全研讨会 关于网络安全的新闻稿 深圳品牌网站推广公司 婚姻生活不顺的环境影响咨询【www.richdady.cn】 事业不顺的职场建议【www.richdady.cn】 前世缘份的前世今生咨询【www.richdady.cn】 婚姻生活不顺的前世记忆【www.richdady.cn】 交通意外的常见原因咨询【www.richdady.cn】 2. 通灵与灵性提升咨询【微:qq383550880 】√转ihbwel 内心恐惧胆怯的情感释放咨询【微:qq383550880 】√转ihbwel 前世老公的咨询技巧【www.richdady.cn】√转ihbwel 学习成绩差的家庭教育威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 升迁障碍的咨询技巧【www.richdady.cn】√转ihbwel 学习成绩差的解决方法【www.richdady.cn】√转ihbwel 大龄剩女的情感生活咨询【σσЗ8З55О88О√转ihbwel 自闭症的自我提升威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 内心恐惧胆怯的案例分享【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世今生的缘分再续【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 无形干扰的案例分享咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 老公家暴的前世记忆咨询【企鹅383550880】√转ihbwel 去世的父亲的前世缘分【微:qq383550880 】√转ihbwel 迟缓儿的家庭支持【微:qq383550880 】√转ihbwel 不爱读书的改运方法【σσЗ8З55О88О√转ihbwel 门户网站建设注意事项 国家信息安全研究院 昆明做网站公司 网络安全科技公司 网络安全与管理ppt 信息安全等级保护基本要求 中国国家网络安全谷 广迅营销网 网络安全时代 网络安全研究 设备平台 关于网络营销策略 2017信息安全缺人 视觉营销就是网络营销 北京网络安全产业 湖南高端网站制作公 我国服装企业网络品牌的营销策略分析——基于凡客诚品品牌案例分析 杭州网络安全厂商 微营销企业 昆山设计网站的公司哪家好 党员信息安全 视觉营销就是网络营销 张健 中国信息安全认证中心 北京做网站公司H5建网站 长沙做网站价格 门户网站建设注意事项 移动互联网营销转化 公司网络安全负责人 网站制作需要多少钱 网络营销方法有几种 外贸网站建设 网络安全与管理ppt 网站建设素材使用应该注意什么 网络安全备案步骤 合肥网站设计高端公司 厦门市网站建设 搜索引擎营销如何使用 南宁企业网站 网站挂黑链 信息安全保障中心 计算机信息安全知识 门户网站建设注意事项 airbnb特色营销 推荐广州手机网站定制 国内顶级网络安全公司排名 东营市报名系统网站设计公司 网站开发流程 酒店网络营销方案样版 千人群营销 昆山设计网站的公司哪家好 建设营销型网站的要素 属于信息安全产品 网络安全活动信息 公共网络安全 国内网络安全形势 电子邮件营销基本方法 网站营售 广迅营销网 学信息安全 电脑 绍兴网站建设 如何做好外贸网络营销 网络安全行业前景2016 功能性网站制作 过度的饥饿营销 邮件营销的有点 网络安全国标 绍兴网站建设 信息安全的实现目标,-1 2017国内信息安全事件 网络安全科技公司 营销助手软件 网站开发流程 贵阳设计网站建设 网络营销模式的特点是什么意思 信息安全企业数量 win2008网络安全 个人适合建什么网站 杭州网络安全厂商 网络安全行业招聘 手机网络营销数据分析 网站怎么推广网络营销网站 网络信息安全主管部门,-1 湖南高端网站制作公 网络安全时代 网络安全行业前景2016 优化公司排名营销推广 网络营销课程设计总结 设计网站的优势 网络安全备案步骤 学信息安全 电脑 培训营销 微信聊天信息安全 长沙做网站价格 梁和平 网络安全 网络安全综合治理行动 外贸网站建设 微营销企业 如何做推广营销 广州南方信息安全产业基地有限公司 云计算信息安全管理平台 医院呢网络安全解决方案 北京市场营销课程培训 北京市场营销课程培训 网络安全哪里学 昆山设计网站的公司哪家好 熟悉b2b站点的业务流程 2掌握在b2b站点营销的方法和技巧 农产品网络营销的策略研究现状 信息安全的威胁 网站站欣赏 信息安全 设计理念 邢台网站建设服务商 武汉个人做网站 网络营销方法有几种 在线营销培训课程 网络信息安全主管部门,-1 武汉大学 网络与信息安全 梁和平 网络安全 网站设计下载 单页网站营销的外部环境 网络安全培训流程个人网站欣赏 中国国家网络安全谷 培训营销 属于信息安全产品 个人适合建什么网站 南宁企业网站 台州网站设计 国内顶级网络安全公司排名 成都网站设计制作工作室 网络营销微观环境因素 塘厦做网站 关于网络营销策略 网络信息安全经信委公安,-1 公安网络信息安全 什么是电子网络营销 什么是电子网络营销 国际信息和网络安全会议