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
做网站汉口番禺手机网站制作推广信息安全中的des加密算法自学营销微博营销的心得简述网络营销特点是什么意思信息安全技术保障,-1网络安全安全大会计算机网络安全技术分析为什么要用网络营销主角:年休思 无CP 2044年,天降异象,天下大乱,六界融合,各个种族为了争夺生存资源而争斗不休。 人类在生存环境发生巨大变化的情况下,也产生了自我进化,人类之中的一小部分人有了神赐予的能力,被称为神赐。 神明居于天地之外,垂眸看天地干戈,慈悲怜悯终究只是幻想,大道至公,神明不会插手。 天地不仁,以万物为刍狗。 年休思是创世神,不只是人世间,还有天地万物。大道繁衍不休,天地的齿轮旋转,当年风流潇洒的创世神落入人间,经历多少轮回,来到了这个乱世。 终究是命中注定。 年休思生于斯长于斯,将自己在人世间的经历确认为自己的主体意识,偏向于人类,依赖于其自身的实力,最终使天地正位,六界分割,万物和谐,天下大同。 大学开学前几天,鹿鸣和几个好兄弟一块儿聚了聚。 一向不喝酒的他被几个好兄弟给灌醉后,进走错了厕所,进了女厕所。 当他醉醺醺推开一扇厕所门时,居然看到一个漂亮的女人。 于是乎,他不但被误会成了流氓和变态,还被那女人给狠狠揍了一拳。 …… 两人的缘分就此开始了2155年,大战之后的一百多年,地球上一片疮痍,人们依旧生活在物资匮乏的世界之中,此时,由地球联合政府授意,一款由中文meta公司开发的元宇宙游戏《天下》即将上线,这是一款号称人类“第二世界”的游戏,在这款游戏里你可以获得一切,金钱、物资、武器、地位,应有尽有。 少年林昭,一个意外成为植物人的贫民区机车少年,偶尔获得了游戏里的一个内测机会,是否能改变命运,重启新的人生? …… 这款《天下》游戏的故事背景空前强大,融合了各大爆款IP,《修罗武神》《万古第一神》《九星霸体诀》《超级兵王》……你可以在中文IP宇宙里体验各种奇异的世界,不同的人生! 本书又名《剑仙元宇宙》!沉眠三载,不知岁月流江。 废材?不是,是天才! 帝脉天赐,指天斥神张扬。 废体?不是,是神体!天下为敌,为伊孤战八方。 男人的尊严,需自己找回!武逆修神,古今天地至上。 神体开启,不生即死!一朝成神,纵横万载无双! 以异晶淬气,以精魄炼体!天笑我,我笑天! 神体大成,碎灭乾坤!武徒--武者--武师--大武师--武灵--武宗--武尊--武王--武皇--武圣--武帝---------------------------------------【轻松爽文,热血,扮猪吃虎。】虾米个人微信公众号有免费番外可以阅读,zhishixiaoxiami,只是小虾米拼音。深居野林神秘老道,一手培养出七位足矣撼动华夏的绝美女徒弟。今日,又一名最小男徒儿罗峰顺利出山。 罗峰:“我是老逼灯培养出最垃圾的徒弟,没什么本事,就想吃吃软饭,苟且度过这一生。” 师父:“什么,他说他最弱?难道我没有告诉过你们,那小子身怀诡秘?” 师姐:“我好像发现我们的小师弟越来越不对劲儿了,为什么世界各大强者都来跪舔他?” 一位来自于世界黑暗深处的顶级势力后裔之子,出生便被抛弃做弃子,偶遇华夏旧时代战力天花板老疯子和七位倾城倾国的大背景七位师姐,从此掌握七大绝学误入都市豪门,卷动江湖风云,走上自证强者之路。末世爆发,丧尸遍布,异兽横行,天外物种入侵!远古文明和地心空间相继问世,处处危机,又是有机缘并存。   张晨,用一柄战斧,带几头战兽,追寻灾变的真相,杀丧尸,诛异族,踩着敌人的尸体铸就一段传奇! 一次失败的实验造就一缕不朽道魂,一道未知的波动送来神秘的道瓶。 早年父母无故失踪,平凡却又不平凡的他终究踏入了这个无限精彩的世界。聚八方英豪,汇天下风云。大道三千,又何惧前路艰险,一刀在手,登临世界之巅! 男儿笑江湖,浮华本是空。傲天下,凛然长刀,怒斩千雄。 巅峰忆峥嵘,英雄本无梦。待他日,三尺青锋,血染长空!天不可逆,那我便为主宰。捞尸人的禁忌有很多,可总有人不相信,说是歪门邪道。 这不,带着校花总裁下一次水,捞一次尸。 她竟非逼着我和她生猴子!无敌天骄, 神魔血脉, 吾持一剑,碾天骄,镇神魔, 一剑碎山河,破九天,通万古……
什么是工控网络安全 哈尔滨网站推广 计算机信息安全技术 付 比较营销 信息安全服务资质认证证书 国内信息安全问题 网站建设咨询 自学营销 2015年网络安全数据分析 信息安全 行业新闻 精神不振的自我提升【www.richdady.cn】 佛教视角下的前世今生【www.richdady.cn】 营养不良导致的头脑混沌咨询【www.richdady.cn】 精神不振的案例分享咨询【www.richdady.cn】 感情纠纷的前世因果【www.richdady.cn】 感情纠纷的情感重建【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 外灵干扰的前世记忆咨询【www.richdady.cn】√转ihbwel 精神不振的原因分析【微:qq383550880 】√转ihbwel 如何解决事业不顺的问题?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 冤亲债主干扰的根源是什么?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 家庭关系的幸福指南有哪些?咨询【微:qq383550880 】√转ihbwel 儿子抑郁症的咨询技巧【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 财运不佳的原因有哪些?【企鹅383550880】√转ihbwel 前世缘份的故事有哪些真实经历?【σσЗ8З55О88О√转ihbwel 孩子厌学咨询【企鹅383550880】√转ihbwel 孩子学习不好的环境影响咨询【微:qq383550880 】√转ihbwel 学习成绩差的原因分析咨询【σσЗ8З55О88О√转ihbwel 前世因果化解方法咨询【σσЗ8З55О88О√转ihbwel 大龄剩女的婚恋规划如何制定?【www.richdady.cn】√转ihbwel 不爱读书的环境影响咨询【www.richdady.cn】√转ihbwel 选择网站设计公司佛山 公司网站制作商 网络安全服务机构资质 网络安全行业资质申请 第二届360杯全国大学生信息安全技术大赛,-1 郑州网站建设公司 网络安全研究背景 常用网络安全技术有哪些 番禺手机网站制作推广 it网络安全培训课程 北京的网络安全公司 什么叫企业网站 郑州网站建设最独特 信息安全专业人员 广州网站建设信息科技有限公司 网站建设链接 常州网站设计东莞市做网站 安阳网站制作 网络安全服务机构资质 网络安全行业资质申请 第二届360杯全国大学生信息安全技术大赛,-1 郑州网站建设公司 网络安全研究背景 常用网络安全技术有哪些 番禺手机网站制作推广 it网络安全培训课程 北京的网络安全公司 什么叫企业网站 郑州网站建设最独特 信息安全专业人员 网络安全极客 信息安全是指信息在 网络信息安全原则有 什么是工控网络安全 信息安全专业排名2014 甘肃移动 网络安全 第二届360杯全国大学生信息安全技术大赛,-1 广州网站建设信息科技有限公司 何为信息安全二级等保 互联网信息安全 o2o网站建设代理商 特朗普的网络安全政策 无锡网站推广公司 信息安全等级保护综合管理系统 电话营销托管 网站建设链接 网络安全公告 航空网站建设 中国的网络安全威胁 互联网营销和策划 免费网站建设 网络安全行业资质申请 相宜本草的口碑营销 选择网站设计公司佛山 浙江省网络安全周 成功企业的营销 甘肃移动 网络安全 拐角型网站 优化:高效的seo社交媒体和内容整合营销实践及案例 网络安全证有什么用途 信息安全技术保障,-1 公司网站制作商 网络与信息安全系统工程师 网络安全行业资质申请 网络技术还是信息安全 信息安全等级保护研究 公安部公共信息网络安全监察局 信息安全等级保护培训ppt 成功企业的营销 达内网络营销课程版本湛江有那些网站制作公司 网络安全安全大会 营销推广的含义 常州网站设计东莞市做网站 大数据网络安全可视化 禅城区响应式网站 航空网站建设 网络信息安全原则有 淘宝双十一的营销策略 网络安全理想 为什么要用网络营销 网站怎么申请 无线网络安全 周 网络安全宣传网站 安阳网站制作 信息安全运维服务资质 信息安全实验室简介 做网站汉口 信息安全运维服务资质 淘宝双十一的营销策略 株洲网站优化 微博的网络营销营销型网站代理 金融信息安全研讨会 网络安全法 行业组织 信息安全理论技术与应用基础 企业信息安全 国家信息安全中心人员,-1 常用网络安全技术有哪些 国内欣赏电商设计的网站 营销推广的含义 信息安全服务资质认证证书 什么是工控网络安全 网络营销方案撰写 信息安全产业体系 网络安全调查策划 网络安全法中的网络一 信息安全 行业新闻 营销的要点是什么 以色列网络安全收入 总参信息安全 大连营销策划公司电话 vpn技术与网络安全案例 信息安全防护贯穿信息系统建设运行全过程在信息系统设计 安阳网站制作 企业信息安全 北京 信息安全 发展 2015工业控制网络安全态势报告 自学营销 信息安全等级保护研究 特朗普的网络安全政策 团队营销案例 北京建设网站的公司哪家好 重庆微信网站制作专家 大连营销策划公司电话 做网站需要学什么 iphone网络安全 乐营销平台 南昌建网站 美国 专家 信息安全 流量网站制作 网络安全的专业 网络安全调查策划 自己怎样制作公司网站 广东网络安全公司 网络安全极客 拐角型网站 中央网络安全的文件