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
系统信息安全等级保护深圳企业高端网站建设京东网络营销推广策略商城网站都有哪 些功能创新的南昌网站设计廊坊网站制作网络安全产品起名字网络信息安全与保密的威胁有网络安全销售证做网站的机构这个战火纷飞的时代 没有正义、也没有邪恶,只有无止境的杀戮与复仇 没有光明、也没有黑暗,只有道不尽的无奈和愤怒 罗恩·卡史诺连列斯 —— 黑夜女神的召唤师,有着过人的法术天赋,本应在军中成就一翻事业,却只求安乐、无忧无虑地过日子。他讨厌战争,热爱旅游,喜欢自由自在的感觉。随着禁忌之书《诸神的日记》浮现于世,古神的秘密渐渐被揭晓,当信仰破灭时,罗恩将如何决择呢? 凯恩·列顿 —— 太阳神辛纳的圣骑士,自信爆棚的年轻上尉。正义,善良的他深受上司赏识在军队中扶摇直上,与他同期出身,一同打拼的战友却一个接一个的倒下。最终他扎进骑兵领主之列,事业攀上高峰。身处军中,他看尽了皇室贵族的丑陋和迂腐。当立宪、共和的声音在帝国蔓延时,凯恩将如何决择呢? 滴血的长矛、飘烟的枪管终将指向何方,在漫天烽火的日子里,谁也无法掌握自己的命运。一天高二学生王羽被奶奶叫回家中,告诉了他世界的真相和家族的秘密,从此走上修真之路梦是一定要做的,万一是真的呢!一处阴森诡异的迷雾森林,那里到处都是高大的树,浓重的迷雾。 传说能够进去的活人就再也无法出来,从此在这个世界上了无音讯。 人们都说迷雾森林的深处有一座古老且宏伟的城堡,没人知道城堡的主人是谁,等大家注意到的时候那座城堡就已经在那了。 有些人能够进到迷雾森林找到那座城堡,而有些人连进入森林都无法做到,因为他们根本无法找到这处传说中的森林到底在哪,那是一座不存在的森林。 传说中那处森林连一只动物都没有,只有高大的树木和杂草丛生的草地证明那里有生机。 如今又有5位不怕死的人来到了这座森林,以探险为由,想要亲眼看一看这座传说当中并不存在的森林到底存不存在。 但他们却在过程中遇到了一位少年,6人集结一个小队去进入了那座森林。 少年是谁?迷雾森林和其中的城堡又是何物?神秘的邪/教徒是谁? 阵法…祭坛…邪/教徒…怪物… 这个世界变得已经我和认知中的不一样了…… 剧情流,微克苏鲁元素,悬疑解密以及一点点探险元素,中西结合背景秦凤鸣,本是一名山村普通少年,误食无名朱果,踏入修真路,以炼器起家,凭借制符天赋,只身闯荡荆棘密布的修仙界,本一切都顺利非常,但却是有一难料之事发生在了他身上…… 本书自开更之日起,从未断更,请放心阅读。经典玄幻,就在《百炼飞升录》 地府算什么东西,你凭什么资格,赏善罚恶? 地府算什么东西?现在我就来告诉你! 你们洗不了的冤,由我地府来洗, 你们办不了的人,由我地府来办; 你们担不了的因果,由我地府来担。 一句话,是是非非地,明明白白天! 赏善罚恶,大道特许。这就是地府,够不够清楚?我叫王浩,人如其名一个普通人,从小就梦想发财。18岁以前一直过着普通的生活,直到上山摘草药,误闯一个神秘的小村庄一切都发生了改变…  穿越洪荒,成为人皇燧人氏!   【叮!你获得万界聊天群邀请!】   【叮!鸿蒙火种系统激活,获得亿万倍增幅!】   以燧人氏之位格,分封人族火种,获得神火加持之人,获得修行速度十倍至亿万倍增幅!   以功德神火献祭,献祭物品品质亿万倍增幅!   被分封者献祭之时,获得亿万倍增幅!   祖龙:“燧皇,朕想要修仙!”   【嬴政向你献祭三千精兵,触发亿万倍增幅,你获得三千太乙金仙!】   聚万界之神物,培育洪荒人族。   养万界之英才,反攻巫妖二族!   巫妖大战开启之日,万界人族揭竿而起,反攻洪荒,人族君临诸天!世界顶尖杀手,代号【洋柳】,以维护世界和平为己任!天界至宝天神之怒碎裂成两半,从此消失不见,天界由此陷入混乱。要想天界恢复秩序,必须寻回天神之怒。在天界遍寻无果之下,众天神不由束手无策。
信息安全服务等级证书 中国信息安全测评中心 主管部门 网站的建设 网站规划与网站建设网站构建器 网络安全设备的功能 贵港网站建设 广州华南信息安全测评中心 武汉网站制作 cc 信息安全 中国 什么是网络营销组合 迟缓儿的咨询技巧【www.richdady.cn】 头脑混沌咨询【www.richdady.cn】 官司的法律咨询咨询【www.richdady.cn】 化解祖灵的仪式流程【www.richdady.cn】 邪灵的驱除仪式咨询【www.richdady.cn】 孩子厌学咨询【微:qq383550880 】√转ihbwel 不爱读书的自我提升【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 脑部不清晰的解决方法咨询【微:qq383550880 】√转ihbwel 婴灵对家庭关系有哪些影响?【微:qq383550880 】√转ihbwel 前世今生的缘分如何解读?咨询【www.richdady.cn】√转ihbwel 家庭关系的幸福指南【www.richdady.cn】√转ihbwel 儿子抑郁症的案例分享咨询【企鹅383550880】√转ihbwel 财运不佳的理财技巧有哪些?咨询【www.richdady.cn】√转ihbwel 前世缘份的故事有哪些案例?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 什么原因意外的原因分析咨询【σσЗ8З55О88О√转ihbwel 为什么过世的前世缘分咨询【企鹅383550880】√转ihbwel 与公婆前世的记忆解析咨询【www.richdady.cn】√转ihbwel 如何判断自己是否被冤亲债主干扰?【企鹅383550880】√转ihbwel 婴灵的超度方法【企鹅383550880】√转ihbwel 财运不佳的财富管理方法有哪些?【σσЗ8З55О88О√转ihbwel 南宁做网络营销 虹口公安 网络安全 在线网络营销 网络安全产品起名字 青海做网站公司 现阶段营销信息被自动地快速复制扩散或群发的方式主要有 福建信息安全 h5营销的优势 小红书营销策略分析 信息安全等级保护安全要求的基本框架 谈谈数据库营销的特点 浙江网络安全周 网站建设流程案例 安庆做网站 济南网站推广 百元建网站 网络安全攻防环境 信息中心 网络安全 银川网站建设公司 中国信息安全测评中心主任 公安信息安全考试,-1 天津信息安全 聊城网站优化案例 全国信息安全技能证书 信息安全服务等级证书 深圳制作企业网站 网站建设有免费的吗 高端网站设计品牌 工业控制系统信息安全会议 icp信息安全评测报告 ubuntu网络安全 网络安全 打击 网络营销行为有哪些特点是什么意思 2017年网络安全周 天津 信息安全技能大赛 深圳网络营销|深圳网站建设公司|专业网络营销运营推广策划公司 唐山网站建设费用 ubuntu网络安全 秒收网站响应式外贸网站案例 网络安全销售证 网站建设 北京 网站策划技巧 创新的南昌网站设计 微博热点营销事件 浙江网络营销好的公司 深圳视频营销推广 全球最大的网络安全公司 e万营销 网络安全设备的功能 网络安全调查报告 网络安全事件解决时间 公安信息安全考试,-1 北京网站的建立的 以色列网络安全 东莞 企业 网站制作 网络安全事件解决时间 网站精品案例 做网站的机构 小红书营销策略分析 青海做网站公司 信息安全之业务安全 网站建设 北京 信息安全方针是一个组织实现信息安全的目标和方向它应该 网络空间是国家信息安全的核心数据,-1 西安高端网站制作公司 信息安全工作总体目标 2017年网络安全预测 信息安全 社会责任 百元建网站 在线网络营销 网站的管理 虹口公安 网络安全 长沙做网站 网络安全协调局 胡啸 淘宝店营销 微整网络营销 信息安全工作总体目标 网站切图 安徽网络安全 什么是网络营销组合 网络安全公司排名 2017 cc 信息安全 中国 中国网络安全维护组 广东省信息安全等级保护协调小组办公室 建网站难吗 Email营销 北京网站的建立的 中国网络安全维护组 网站制作公司咨询热线 集线器可以保障网络安全吗 装饰公司做网络营销 银川网站建设公司 广东信息安全测评中心 郑州的数据营销公司有哪些 网络安全攻防内容 福建信息安全 珠海微信营销长春网站公司 防火墙技术在网络安全防护方面存在哪些不足? 信息安全 社会责任 国家网络安全支撑单位 以色列网络安全 公安信息安全考试,-1 网站怎么备案 网络安全攻防环境 营销管理 畅销书 网站建设流程案例 信息安全技能大赛 网站本地调试用localhost上传服务器该如何修改 防火墙技术在网络安全防护方面存在哪些不足? 青海做网站公司 微博经典营销博文高端公司网站 南宁做网络营销 广州华南信息安全测评中心 信息安全应用技术,-1 信息安全壁纸 信息与'网络安全 网络安全行业发展 信息安全整体解决方案 银川网站建设公司 网站建设有免费的吗 网站策划技巧 专题页网站 谈谈数据库营销的特点 义乌商城集团的网站建设 信息安全服务(安全 营销管理 畅销书 中国信息安全测评中心主任 广东信息安全测评中心 陕西省网络与信息安全测评中心 网络信息安全网 广东政府信息安全问题 网络安全调查报告 网络安全攻防环境 信息安全壁纸 影楼网站建设