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
信息安全策略实施方案天津信息安全等级保护培训信息安全连续性线上线下营销策略研究珠海品牌网站制作网络安全实验室 设备有哪些关于网络安全基础知识播客营销缺点建立网站需要多少钱没有公共网络安全简介:本该人生平平无为的主角,从一个性格柔弱到脱变成刚毅的成长故事,后来主角从这跌宕起伏的生涯中成就无上荣耀。天生阴命,25岁我开启了阴体,可见鬼神,可伤鬼神,是阎王爷派来凡间受罚的鬼差,在我眼中,蛇虫鼠蚁,花鸟鱼虫皆是鬼怪,冥冥中,一切皆由因果起,一切皆由因果灭,鬼怪之争惊天动地,且看我如何化解……王富贵一觉醒来发现自己穿越到一个破落户家里,一出门还白捡了个老婆,为了养活一大家子,王富贵不得不想方设法搞钱!设计时装、建造工厂,到后来居然连手机都有了……王富贵就这么成为大夏第一号大富豪,还顺便收个皇帝做小弟! 我叫林默,继承了一栋位于繁华CBD区的青山精神病院。 病人们都自称是“女帝”“仙帝”“道主”“斗帝”“仙子”……一副高人做派,俨然是一群玩cosplay入魔的资深二次元病人。而被病人们尊称为“少主”的我则每天都在发愁怎么完成父亲定下来的任务,好卖掉精神病院远离这群二次元入魔的废宅们; 直到——我使用某“仙子”送的替死符 后逃过本该必死的车祸,我才突然发现……自己管理的这群二次元精神病,竟然真的全都是各个超现实元宇宙世界里火爆全服的顶级NPC大佬,可以秒天秒地,无所不能的那种大佬…… 传奇咸蛋小孩的一生,拥有超能力。后与玛卡巴卡和鸭蛋一同登入月球,竟发现第二个咸蛋、偶遇包子。一系列的传奇科幻故事。天纪界300年,人族发展数万年,与魔人对抗千年,终于迎来和平。 天纪界340年,魔人卷土重来。 天纪界341年,全民模拟,选出模拟者对抗魔人。 最后一次临时模拟人生时,觉醒特殊技能:天启! 天启:可以经历分析一切。 获得模拟人生经验越多,天启分析速度越快。 靠着特殊技能,张元一次又一次突破极限,融合模拟人生。 天纪界某某年,魔人被永久封印! 一世:【身患重病,没有战胜病魔,死亡。】 “天启开启,分析!” 【你战胜病魔,成就玄武传说。】 【天启增强,你获得灵源空间,你获得模拟人生优先选择,你获得..】 某世:【二十岁的你,被困魔人捆仙阵而死。】 “天启开启,分析破阵!” 【你分析每一世模拟人生,各方大能见到你的模拟人生,纷纷掉泪。】 【你获得女帝青睐,你获得最强天启,你获得...】 同届临时模拟者,都成为了普通人,苟延残喘。 与此同时,各个平行世界入侵主世界。 张元站了出来,“你们这些被我征服的世界,也敢嚣张?”单亲家庭的沈飞在父亲离奇失踪多年后,准备以父亲在他儿时讲述的《光明战士》的故事为素材,创作一部新的动漫,在与主管苏洁商量如何修缮人物形象的时候,突然天降惊雷,沈飞和苏洁被吸入进了二次元的世界,蛋生在了一个叫马来西的王国并被赐名“洛克”,在遍布黑暗的二次元世界里,他结识了很多伙伴,收获了很多在现实生活中还没有体验过的人情冷暖,开启了一段奇妙的二次元之旅,旅途中沈飞(洛克)意外地发现了父亲的蛛丝马迹,这让他感到意外地喜悦,十几年了终于有了父亲的下落,沈飞(洛克)按图索骥开始了寻父之旅……一场三国游戏测试,使魏伪,陈伟,贺随,张洲四人穿越到游戏。在这个群雄逐鹿,战火纷飞的虚拟世界里,他们能闯出属于他们是一亩三分地吗...人的一生一定要做一些有意义的事情,醒掌天下权,醉卧美人膝,要不然空来世上走一遭,正是怀着这样的梦想,明盛只身来到城市打拼,无奈现实很残酷,处处碰壁之后总算找到一份工作,可是在一次拜访客户失败后,身心疲惫的他在公交亭睡着然后意外穿越了,这一次,他终于可以堂堂正正的不看任何人的脸色,可是救亡图存的路上同样是荆棘密布的:小冰河时代,后金虎视眈眈,天下烽烟四起,朝堂上还有党派林立,大厦将倾,看明盛如何力挽狂澜,山河一统,什么东林党?什么阉党?这天下只能有一个党,就是寡人的帝党。拥有【满级肉身】的苏叶,穿越异界,成为显魔宗疯魔院的杂役弟子! 被女魔头吊着打,获得天魔神掌。 被老魔头拿头撞,获得种魔大法。 被小魔头当沙包,获得霸王神斩。 …… 在疯魔院当杂役这些年。 有郁郁寡欢的师妹,来疯魔院供奉魔头,经苏叶指点,修成九世女帝! 有身世卑微的凡人,来疯魔院供奉魔头,经苏叶调教,成为天下共尊的魔皇! 有朝廷弃徒的皇子,来疯魔院供奉魔头,经苏叶点拨,成为横扫大陆的一代帝王! * 六十年后,魔道天榜揭示,排序魔道强者,苏叶独占鳌头! 榜单备注——神魔共主! ……
信息安全是 的结合体是一个整体的系统工程 网站销售 广州网络安全公司 运营商网络安全 信息安全与保护 信息安全等级保护 五级标准 信息安全等级保护系统建设的安全实施方案应包含以下哪些内容 互联网与信息安全实验报告1,-1 银行网络安全评估报告 国家信息安全局 外灵的干扰特征【www.richdady.cn】 解梦的前世影响咨询【www.richdady.cn】 迟缓儿【www.richdady.cn】 无形干扰的前世因果【www.richdady.cn】 亲子关系的心理调适咨询【www.richdady.cn】 改善亲子关系的技巧咨询【微:qq383550880 】√转ihbwel 无形干扰的自我提升【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 心特别累的前世因果【www.richdady.cn】√转ihbwel 脑部不清晰的自我提升咨询【σσЗ8З55О88О√转ihbwel 强迫症的症状与诊断咨询【企鹅383550880】√转ihbwel 脑部不清晰的咨询技巧咨询【企鹅383550880】√转ihbwel 前世缘份的前世记忆【σσЗ8З55О88О√转ihbwel 事业不顺的职场建议威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 失业的环境影响【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世今生的咨询方式咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生的梦境解析咨询【www.richdady.cn】√转ihbwel 孩子不爱读书的心理分析有哪些?咨询【企鹅383550880】√转ihbwel 亲子关系中的沟通艺术有哪些?【微:qq383550880 】√转ihbwel 事业不顺的职场提升路径有哪些?【微:qq383550880 】√转ihbwel 事业发展的灵性视角咨询【微:qq383550880 】√转ihbwel 网络安全人员管理规定 网络安全盒子 银行网络安全评估报告 网络营销网站排名 虚拟营销 计算机系网络营销学校 有哪些网络安全论坛 邮件营销广告 南昌网站设计单位公司 啊d注入工具的sql注入点的修复方法_网络安全_脚本之家 信息安全 程序员 网络安全所涉及的内容 天津信息安全等级保护培训 企业要网络营销 信息安全等级保护 五级标准 营销型平台网站建设 信息安全 内部人员攻击 西安信息安全培训班 网站有几种 大安市网站 网络信息安全范畴 长春长春网站建设网 搜索型网站 江苏信息安全网 关于网络安全基础知识 网络营销 漏斗原理 日本网络安全专业硕士 网站的服务 网络安全预警方案 信息安全等级保护系统建设的安全实施方案应包含以下哪些内容 专题网站建设 网络营销思想技术思维 国家信息安全局 网络安全平台 广州做网站的公 网站数据库 国内信息安全领域 互联网信息安全产业基地 世界 网络安全 公司 淘宝店铺网络营销策划 重庆南昌网站建设 信息安全方面的专利 信息安全是 的结合体是一个整体的系统工程 网站建设高端 网站制作费 西安网站建设制作价格 抄袭的网站 信息安全测评中心 绿盟,-1 中山精品网站建设策划 银行网络安全评估报告 网络植入式营销案例 微信网络营销系统 信息安全管理岗 招聘 网络营销效果评价方法 网络安全应急响应制度 营销的要素 虚拟营销 信息安全等级保护系统建设的安全实施方案应包含以下哪些内容 淘宝店铺网络营销策划 信息安全的证书 企业信息安全保护的重要性 信息平台网站建设 没有公共网络安全 信息安全总局 信息平台网站建设 网络安全应急响应制度 运营商网络安全 网络安全技术防火墙 广州做网站的公 网络营销的战略重点 网站收录低 网络安全哪家好 武汉专业网站建设推广 南昌网站设计单位公司 论述我国信息安全管理现状 中山精品网站建设策划 关于网络安全基础知识 中国信息安全认证中心在职人员 啊d注入工具的sql注入点的修复方法_网络安全_脚本之家 网站的服务 国家信息安全漏洞库(cnnvd)承办的"后xp时代"安全技术研讨会 宿迁网站建设 找一个网络营销的案例并分析其采用了哪些营销策略和网络营销方法 石材网站建设 全网整合营销服务商 网络安全所涉及的内容 国际网络安全问题 网络营销站 360搜索网络营销 企业信息安全保护的重要性 网络安全哪家好 佛山网站设计特色 外包营销 做网站网络公司 济南微网站建设潍坊网站建设兼职 深圳全网营销外包 茂名网站建设 信息安全等级保护 五级标准 营销失败案例 国际网络安全问题 福州专业做网站的公司 美团的软文营销 营销型平台网站建设 网络信息安全范畴 单位信息安全等级保护 网络安全动态分析 信息安全 内部人员攻击 国家信息安全漏洞库(cnnvd)承办的"后xp时代"安全技术研讨会 信息安全与保护 网站销售 西安信息安全培训班 国际认证网络安全专家 企业要网络营销 dreamweaver 我的网站问及那 全部被覆盖了怎么办 网站有几种 免费开网站2016网络安全案例事件 信息安全测评中心 绿盟,-1 信息安全等级策略,-1 大安市网站 企业网络安全实现的方案 ips 网络营销效果评价方法 抄袭的网站 网络信息安全范畴 计算机系网络营销学校 网络安全动态分析包括 网络安全新趋势 长春长春网站建设网 展示类营销 网络安全工作思路 哈工程信息安全实验室 搜索型网站 大安市网站 odex信息安全,-1 特色的南昌网站制作 计算机技术与信息安全