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
展示型网站制作服务青岛日文网站制作青岛日文网站制作网络安全 构建网络空间商务网站的网络安全珠海移动网站建设费用万网搜域名信息先看域名申请时间这个应该是最早的网站时间信息安全 数据分类小型企业网站建设的背景邮件营销外包定制网站自己发育多没意思,让国家打野发育才有意思。 万籁归寂之夜,他从老橡树林的坟场中醒来。这世界是如此的陌生,不禁令他心生恐惧。他翻遍浑身,就只有那么一张疑点重重的羊皮卷。 抽丝剥茧,不可名状的黑暗腐朽之物令人莫名疯狂! 步步深入,残酷的阴谋漩涡让人迷失方向! 拼死奋战,血气森严的利刃叫人不知所措! 他不要一世繁华,只愿人间清醒!留落凡间的风帝之子-林叶天。自己武魂未启被害、妻子自杀未遂被藏、养父离奇意外被杀、养母鬼谷寻子被抓、亲父魔族救人被困、哥哥远走边星被冤... 仿佛这一切都是有人故意针对他设的一个个圈套,为改变人生、解开谜团、报仇雪恨、寻找亲人、解救苍生。林叶天上闯九天万千世界,下入地狱无边苦海... 这是一个关于两位少女的故事。被神明眷恋的爱丽丝——西门子拥有被称为&amp;lt;凋叶咒&amp;gt;的诅咒,在得知自己害死了另一位少女的家族后,她决定踏上梦境世界的旅途,以自己的方式拯救那位少女。 尽管当今之世,英雄是跌出不穷,而后才发现,他算不得真英雄。重回九十年代,再小的人物,也将不会平凡,这本就是个小人物的大时代! 古老的传说,神秘的田家井! 一声巨响,一片残垣断壁,见证了一段血腥的历史。 五百多年后的他从残破古井中进入一处空间裂隙,邂逅元末枭雄陈友谅之女陈飞飞,揭开了一段尘封的历史。他加入华夏国安八局并屡立奇功,战功赫赫的女友为了华夏北斗系统被CIA羞辱,从此他上碧落下黄泉,只为……时空错乱,整个蓝星穿越到一个高玄世界之中。 初来乍到,对于陌生环境完全不熟悉,以至于蓝星被打了个猝不及防。 星球文明毁于一旦,土地被霸占,人民被奴役。 主角横空出世,开启万物进度系统! “灵草要一株一株种?” 不好意思!看我一键种植! “灵果还要百年才能成熟?” 不好意思!我一键加速! “大阵还要数年才能布成?” 搞笑!我一键拉满进度! 掌控进度的我吊打一切! 他年少有为,方刚正义,一身侠胆,只身入江湖,却历经磨难,缕尽挫折,然而,他却默默无闻。 一日间,他又名震武林,成为一代绝世高手——《玄天圣剑》,傲笑江湖,为报血海深仇,在茫茫尘世间,他广结朋友,众多侠义之士与他一起同生共死,经历了一个又一个的故事,闯过一座又一座的魔窑,他最终却还是英雄难过美人关,陷入情海中。 此书乃作者经多年心血所创的一部武侠精髓之作,书中人物横众,侠胆柔情,恩怨之争,尽在不言中。 旭的灵魂来到了平行宇宙中的元灵界,带着原世界未了的爱情,但此时的他已由风华少年变成了一位芳龄少女,她在这里又有怎样的奇遇呢?她能够找到摆脱命运轮回的密码吗? 本书讲述了一位少女在科幻元灵宙与干姿百态的灵魂相遇的经历和遭受的成长苦难,并参与制造了超级量子灵机与撤旦绝战,她能够战胜魔灵并找到人生密码吗?邓温桀一万五千年历经万般磨难终晋升散仙,闯过仙界之门入得仙界三十三天。 作为仙界初来乍到之辈,为求生存,当值于第一天【梵度天】廉贞星君之位。一求功德,二求大树底下好乘凉。 在当值了一千五百年后,终于明白,这颗大树,十分脆弱,界主之位每千五百年移位是常有的事....... 本书借用游戏【想不想修真】仙界设定为本,侵删,望周知。 本书因为背景是仙界,所以天这个字,一般用来代表仙界三十三天中的某一天。也可以理解为某一界。
网络安全 端口扫描 网站建设学校 设计网站怎么收费 大学生网络安全实例 网络安全社团 信息安全知识竞赛 好的免费网站建站平台 虚拟化网络安全技术 企业营销型网站案例 长沙市营销工作室 意外的前世缘分【www.richdady.cn】 亲子关系的咨询技巧咨询【www.richdady.cn】 婴灵的超度过程【www.richdady.cn】 孩子学习不好的家庭教育咨询【www.richdady.cn】 感情纠纷的情感调解技巧有哪些?咨询【www.richdady.cn】 外灵干扰的原因分析咨询【σσЗ8З55О88О√转ihbwel 与女友前世的前世修行【www.richdady.cn】√转ihbwel 精神不振的原因分析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 如何克服升迁障碍?咨询【www.richdady.cn】√转ihbwel 为什么过世的前世修行咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生的故事与轮回【www.richdady.cn】√转ihbwel 与男友前世的影响分析咨询【企鹅383550880】√转ihbwel 儿子不读书的案例分享咨询【企鹅383550880】√转ihbwel 脑部不清晰与生活习惯的关系咨询【σσЗ8З55О88О√转ihbwel 事业不顺的职场调整有哪些方法?【企鹅383550880】√转ihbwel 事业不顺的真实案例有哪些?【微:qq383550880 】√转ihbwel 解梦的前世影响【企鹅383550880】√转ihbwel 前世今生的改命方法咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 暗恋的案例分享威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 耳鸣【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 微信小程序做网站 网络营销行为有哪些特点 湛江网站建设 信息安全岗位招聘 网络安全开发环境 阜阳建网站 微信网络营销成功案例 幼儿园网站设计 西安信息安全研究中心 展示型网站制作服务 中国网络安全归谁管理 论坛营销和bbs 网络安全认证机构 福州自适应网站建设 万网搜域名信息先看域名申请时间这个应该是最早的网站时间 论坛营销和bbs 成都网络安全 网站沙盒期 下载建网站 西安信息安全研究中心 信息安全防护 信息安全测评资质条件长春专业网络营销公司排名 关于网络安全的 网络信息安全新方向 网站建设案列 网络安全技术学习 网站面包屑导航设计特点 商务网站的网络安全 网络营销平台分析 网站建设学校 网络安全 构建网络空间 网监部门信息安全,-1 如何解决网络营销问题 青岛日文网站制作 公安机关信息安全规范 营销试听 云南网站推广 网络安全攻防考试试题 国内十大信息安全事件 广东信息安全协会 网络营销的运营管理 欧盟网络安全法律 阜阳建网站 合肥网站设计高端公司 网络信息安全技术下载 西安专业网站建设 增城做网站 网络安全应对方案 青岛日文网站制作 网站面包屑导航设计特点 信息网络安全许可证 信息安全高峰论坛 信息安全方面的软件 网络与信息安全防护 小型企业网站建设的背景 复旦信息安全考研 营销定制 淄博那里有做网站的 北京信息安全行业分析,-1 网络标题大全 网络安全 义乌网站建站 网站伪静态 成都 网络安全 工作 信息网络安全许可证 武汉网站建设企业 信息安全知识竞赛 武汉网站开发公司 重庆商城网站制作报价 商业网站建设 网络信息安全新方向 国内十大信息安全事件 信息安全 SAG 免费建设网站平台 网络安全运维 温州网站优化 网站沙盒期 广东省强网杯网络安全大赛 福州自适应网站建设 淄博那里有做网站的 石家庄开发网站 最新网站建设语言 南通动态网站建设 信息安全测评资质条件长春专业网络营销公司排名 如何解决网络营销问题 营销试听 网络营销的表现形式 外贸网站的建设 网络营销直接环境 网站开发 微信小程序做网站 深圳整合营销管理星巴克微信营销现状 网站建设方法 网络安全宣传周活动 信息安全测评资质条件长春专业网络营销公司排名 东软 网络安全 信息安全 数据分类 网站静态 网络安全周报 信息安全 数据分类 如何解决网络营销问题 杭州全网整合营销 网络营销的表现形式 重庆商城网站制作报价 义乌网站建站 虚拟化网络安全技术 对网站主要功能界面进行赏析做网站找谁 网络安全运维标准 网络营销哪里学好一点 网站建设学校 信息安全专业实验室 flash网站制作 网络营销托管 关于网络安全的 开发网站用什么语言 网站的排名和什么因素有关系 信息安全等级保护制度是国家对 李强 网络安全审查 windows7网络安全 如何解决网络营销问题 广东省强网杯网络安全大赛 信息安全从业要求 网站更新了 复旦信息安全考研 中华人民共和国网络安全法(草案) 网站开发合同 廊坊设计网站公司 湛江网站建设 网站的排名和什么因素有关系 合肥网站设计高端公司 国家信息安全事件,-1 泰安网站建设公司 广东信息安全协会 好的免费网站建站平台 网络安全开发环境 研发信息安全管理,-1信息安全的任务是 网站建设学校 成都 网络安全 工作 2017网络安全发展趋势 深圳html5网站建设 建立微网站 网络安全攻防考试试题 饮料产品营销策划方案 长沙市营销工作室 选手机网站 公安机关信息安全规范 幼儿园网站设计 选择信息安全控制措施应该 网络营销的运营管理 装修企业网站网络营销 北京信息安全行业分析,-1 广东信息安全协会 茂名做网站 论坛营销和bbs 网络分享性网站 地产平台网站模板 最新网站建设语言 增城做网站 网络安全 端口扫描 网络信息安全学报 华为 网络安全 云南网站推广 微信网络营销成功案例 长沙网站制作 网络安全应急响应时间 南通动态网站建设 温州网站优化 网络营销活动规划 网络安全国家标志 大学生网络安全实例 关于信息安全的公众号 2014年省级基础电信企业网络与信息安全工作考核要点与评分标准 网站建设案列 信息安全防护 网站面包屑导航设计即位置导航 网络分享性网站 网页是网站吗 网站推广网站 李强 网络安全审查 广州营销 企业营销型网站案例 选手机网站 论坛营销和bbs 网络安全应急响应时间 网络安全应对方案 企业营销型网站案例 网络安全 运营商交流 qq网络安全修复 西安专业网站建设 网络安全 运营商交流 网站制作性价比哪家好 信息安全从业要求 营销试听 十三五规划 网络安全 建立微网站 网站建设 技术 信息安全高峰论坛 信息安全方面的软件 信息安全岗位招聘 合肥网站设计高端公司 网络信息安全技术下载 营销定制 淄博那里有做网站的 信息安全管理实验报告 网络标题大全 网络安全 义乌网站建站 网站伪静态 成都 网络安全 工作 公安机关 网络安全管控 武汉网站建设企业 信息安全知识竞赛 武汉网站开发公司 免费建设网站平台 网页是网站吗 网络信息安全新方向 国内十大信息安全事件 西安信息安全研究中心 杭州网站建设开发 网络与信息安全管理组织机构设置 商业网站建设 网络安全开发环境 网络安全周报 地产平台网站模板 网络营销的运营管理 珠海移动网站建设费用 复旦信息安全考研 湛江网站建设 网络安全运维 周黑鸭营销软文 网站建设方法 网监部门信息安全,-1 商城网站都有什么功能模块 装修企业网站网络营销 泰安网站建设公司 网络信息安全工程师需要读什么专业 杭州全网整合营销 信息安全从业要求 小型企业网站建设的背景 广东省强网杯网络安全大赛 网络与信息安全防护 flash网站制作 深圳html5网站建设 邮件营销外包定制网站 网站建设学校 欧盟网络安全法律 hefei 网站制作 网站的排名和什么因素有关系 网络营销哪里学好一点 网络安全周报 网络安全加密算法 信息安全高峰论坛 香港网络安全 网络安全技术学习 国家信息安全事件,-1 云南网站推广 网络信息安全新方向 微信小程序做网站 地产平台网站模板 网络信息安全学报 网站开发合同 阜阳建网站 高端网站定制费用是多少 选手机网站 欧盟网络安全法律 开发网站用什么语言 cms企业网站 免费建设网站平台 好的免费网站建站平台 成都网络安全 重庆商城网站制作报价 茂名做网站 营销术语 网站开发合同 网络安全认证机构 网站沙盒期 网络安全研发工程师 网站个性化定制服务 东软 网络安全 华为 网络安全 武汉网站建设企业 国内十大信息安全事件 网站制作性价比哪家好 饮料产品营销策划方案 网监部门信息安全,-1 大学生网络安全实例 微信网络营销成功案例 幼儿园网站设计 免费建设网站平台 网络安全平台网 商洛网站建设 网站建设方法 网络安全应对方案 网站伪静态 网站建设案列 长沙网站制作 网站个性化定制服务 下载建网站 网站建设 技术 中国网络安全归谁管理 南通动态网站建设 网站面包屑导航设计特点 中国网络安全归谁管理 分析营销策略的方法 网站开发 商务网站的网络安全 信息安全管理实验报告 设计网站怎么收费 信息安全防护 福州自适应网站建设 网站更新了 营销试听 网站静态 微信网络营销成功案例 武汉网站开发公司 广安建网站 选手机网站 网络营销托管 万网搜域名信息先看域名申请时间这个应该是最早的网站时间 网络信息安全技术下载 网络安全加密算法 关于信息安全的公众号 温州网站优化 成都网络安全 西安信息安全研究中心 信息安全测评资质条件长春专业网络营销公司排名 饮料产品营销策划方案 电子邮件营销文案 网站的排名和什么因素有关系 网络营销的运营管理 开发网站用什么语言 深圳html5网站建设 如何解决网络营销问题 网站开发合同 网站建设案列 flash网站制作 复旦信息安全考研 优化营销 网站建设 技术 成都网站设计制作工作室 湛江网站建设 信息安全管理实验报告 欧盟网络安全法律 工业控制系统信息安全联盟 泰安网站建设公司 网络与信息安全防护 国家信息安全事件,-1 地产平台网站模板 信息安全等级保护制度是国家对 网络安全攻防考试试题 网络营销的表现形式 湛江网站建设