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
计算机网络安全包括工业基础设施信息安全网络安全协议是https时苏州专业网站设计制作公司网络安全会议2017 南昌厦门网站的制作深圳制作企业网站办理三级信息安全等级保护,-1有关信息安全的论文网站建立公司四川主要是青天日月曜神为首的曜神与雷祖天尊普化大弟子张叔夜结下仇缘,后三十六天罡 七十二地煞帮助青天日月曜神一齐将雷祖与雷将一一打退,后齐天大圣大闹天宫,三十六天罡七十二地煞为报齐天大圣旧情,不发兵救援(玉皇大帝),被玉皇大帝关押在龙虎山,后洪太尉奉孙悟空之命放走三十六天罡 七十二地煞,雷部三十六将和雷部大弟子及其左右待者并约一十八散仙私自下凡除去三十六天罡 七十二地煞,后八位散仙一一阵亡,只剩那十名散仙,那八位散仙并告知青天日月曜神七十二地煞三十六天罡被斩,青天日月曜神等一齐大怒并上报玉皇大帝下凡除雷部三十六将,玉皇大帝也大怒道:请勿伤害雷祖三人,只拿回归案,朕自会解决。青天日月曜神等并道:好,遵陛下命令。青天日月曜神等转世为人,青天日月曜神只需了宣和十年将三十六雷将 八位散仙一一诛灭。李尧穿越了,母亲是皇妃,父亲却不是皇帝,当然这不是最要命的。 要命的是伴生的系统是个二五仔系统!最大的作用就是招募二五仔玩家和策反二五仔NPC,于是乎李尧身边汇聚起了一票精英二五仔,为了防止被二五仔们背刺,李尧只能拼命变强,努力延长被背刺的时间.....最终站在大陆之巅上,看着手下的二五仔们到处搞事。煮夫是个大纲废、取名废、简介废,但是唯独文笔和构思不废,喜欢看不一样的故事就请看我的书吧,本来起纲的时候是都市纪实向或者恐怖灵异向的,结果,结果因为很多东西太敏感不能写,一不小心就涉黄涉政涉黑涉毒了,所以就只能改了,以下是我坦白的内容: 这个故事呢,大体是一个叫石羽白的“年轻人”带着自己送上门的老婆孟婆神“孟芝兰”别样的强者归来之路,也没写什么大事儿,就是破个九煞改命局、破个擒天锁地阵、再盗个太古神墓啥的,顺手暴锤一下巡天夜叉王,破解了先天十六卦之谜这种小事都不值得一提了。一个来自凡域农家将要被饿死的少年何不哭,几经磨难之后,人变得行事老辣。 他获得神秘宝物“紫珠”,机缘巧合下拥有了极品水属天灵根,仅仅一年便天运筑基,成为寒水宗的核心弟子,之后快速的在灵域崛起,带领寒水宗成为紫英星第一宗门,一步一步到星空深处。 看一个少年如何从被算计到主动算计别人,从被别人视为蝼蚁到视别人为蝼蚁,从失去自我到重新找回真我,一步步证道成仙的故事。不知源头何处的神秘星球,在芸芸众生皆不曾反映之际,降临到了太阳系地外虚空,遮天蔽日,扰乱了时分。而钟挺原本平凡无奇的人生也发生了翻天覆地的变化,不得不一直逆天而行······ 大道为络,天地作星,众生如子。一场谁也逃不开的博弈就此展开。 叩仙门,觅神迹,自是横刀向天笑! 现代都市和平生活并未持续多久。当平行的世界被人们挖掘到信息,位面重叠,世界重启。这里变成了修行者的世界。无尽的尸海,广阔的荒漠,万族林立,百家争霸,无情的杀戮将一切虚幻斩断,而何处才是人类栖息之地?异界大陆暗流涌动,九大城相互讨伐,争夺霸权,黑暗组织蠢蠢欲动,大陆已经不和平,人民的生活渐入水生火热之中,因为一系列事件,让默齐凌踏上了一条荆棘之路的路......鲜血淋漓的战场,神秘的第三方势力,未完待续的故事…… 意外穿越进游戏世界的楚昱和盛追,在诧异和激动下开启了他们的游戏人生。 在不断和域界人洛羽的相处下,他们逐渐发现了这个世界里和游戏的不同之处,剧情中的漏洞究竟是bug还是阴谋? 友情、立场。 信仰的冲突下,他们的冒险究竟会如何发展呢。年轻的边防警察军校成长史,爆笑的军校生活,无畏的禁毒,反恐等打击犯罪的战斗,生动反应了首战用我,用我必胜的豪迈誓言。玄幻世界 男主获得系统穿越到其他世界成为玄烨仙王的后代的故事…
网络安全技术?P?本 网络安全的目标是什么 中央关于网络安全 中央关于网络安全 dsp营销 建购物网站 功能营销 网络安全会议2017 南昌 手机网络营销存在问题 网络安全 湖南两会 存不住钱的环境影响【www.richdady.cn】 如何判断自己是否被冤亲债主干扰?咨询【www.richdady.cn】 家庭关系的幸福指南有哪些?【www.richdady.cn】 发育倒退对孩子心理的影响咨询【www.richdady.cn】 儿子抑郁症的心理调适咨询【www.richdady.cn】 强迫症的环境影响咨询【微:qq383550880 】√转ihbwel 孩子压力大的改运方法咨询【微:qq383550880 】√转ihbwel 心慌胸闷头晕的原因分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 家庭关系中的矛盾解决咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 感情纠纷的前世记忆【微:qq383550880 】√转ihbwel 如何解决感情纠纷?咨询【企鹅383550880】√转ihbwel 去世的母亲的前世缘分【微:qq383550880 】√转ihbwel 精神不振的前世因果咨询【www.richdady.cn】√转ihbwel 大龄剩女的职场发展【企鹅383550880】√转ihbwel 冤亲债主干扰有哪些案例?【企鹅383550880】√转ihbwel 存不住钱的理财建议咨询【企鹅383550880】√转ihbwel 自闭症的康复训练咨询【www.richdady.cn】√转ihbwel 前世今生的故事如何影响现代生活?咨询【www.richdady.cn】√转ihbwel 亲子关系的情感交流咨询【www.richdady.cn】√转ihbwel 前世缘份的缘分奇迹【微:qq383550880 】√转ihbwel 网络安全及解决方法 专业的网络营销哪家好 龙岗网站建设 网络安全身份验证的方法 中国 信息安全 网站怎么备案 信息安全认证技术有限公司 体验营销中的关联体验 西安网站建设制作 建设网站的目的 我们国家网络安全吗? 手机网络营销存在问题 指纹营销 信息安全业务种类 网络安全法概述 聚美营销 病毒式营销消极方面 网络安全在线培训机构 襄樊做网站 莞城网站制作 怎么建设自己的网站 江苏信息安全100问手册 指纹营销 信息安全相关实验室 信息安全技术论坛 全网营销优势 怎样创建旅游网站 舆情营销网 大数据网络信息安全 购物网站推广 信息安全专业考证吗 信息安全等级保护ppt 外贸网站建设公司流程 信息安全的公司 dsp营销 网站规划分析的好处 厦门网站制作 舆情营销网 网络安全信息收集 台山网站建设 网络营销战略的步骤国家信息安全测评申请模版 信息安全的公司 遵义网站建设 银行 网络安全主任 网络安全会议2017 南昌 日本信息安全研究生 网站分几种 网络营销课程培训 伍佰亿书画网网站 网站建设规范 计算机网络安全包括 虹口公安 网络安全 信息安全cnas认证证书 2017网络安全形势 襄樊做网站 信息安全专业考证吗 网络安全技术?P?本 网站 体系 国家信息安全局待遇 新浪微博内容营销 网站所属权 伍佰亿书画网网站 快消品网络营销 中国信息安全认证中心网站 重庆网络营销客户 厦门网站排名优化软件网站诸多 网络推广咨询整合营销 全网营销产品套餐 网络安全原因分析 遵义网站建设 厦门网站排名优化软件网站诸多 绵阳公司商务网站制作 网站建设品 浙江网站建设 绵阳公司商务网站制作 网站的营销方法 信息安全专业考证吗 网络安全 湖南两会 银行 网络安全主任 网络营销考试案例分析题 什么叫网站 全网营销优势 信息安全 知识课堂 信息安全的公司 成都社会化营销公司 中国 信息安全 网络营销实战课程总结 高端网站设计品牌 大数据与信息安全ppt 网络安全会议2017 南昌 搜索引擎营销策略分析报告 网站内容好 网络安全及解决方法 金融系统网络安全 领袖型营销 网络安全协议是https时 信息安全等级保护ppt 防网络安全 昌平手机网站建设 吴忠网站建设 外贸网站建设 如何做 网络安全协调局 胡啸 ubuntu网络安全 网络安全编程与实践 pdf 文化网站建设 搜索引擎营销作用 龙岗网站建设 信息安全业务种类 网络安全信息收集 搜索引擎营销策略分析报告 微3g网站 网站建设流程案例 广东政府信息安全问题精品手机网站案例 信息安全技术信息系统等级保护安全设计技术要求,-1 网络信息安全好学吗 网络安全编程与实践 pdf 网站怎么备案 营销优化师 4i营销理论的缺点 信息安全直播 手机网络营销存在问题 网站规划分析的好处 信息安全cism 信息安全与数字证书 网络安全风险评估系统 网站建设规范 呢图网站 功能营销 个人网站建设 免费 2017网络安全形势 2017年网络安全预测 如何进网站 信息安全技术信息系统等级保护安全设计技术要求,-1 建设网站的目的 网络安全的特色