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
可口可乐的成功营销深圳 网站定制网站内容好软件外包信息安全程序河北网站建设网络信息安全网站cc信息安全,-1网络安全机构nsa营销免费高端网站制作公司重生战国末年,白仲成为秦国攻打赵国战场上的一个新兵。 正值嬴政横扫六合,统一天下之时,战乱频起。 白仲获得战神系统,杀敌就能变强,杀敌就能立功封爵,走上人生巅峰。 依靠秦国的军功爵位制度,白仲从一个新兵,通过不断杀敌,立下无数军功,成为大秦百万锐士的统帅,兵锋所过,六国俯首。 王翦:白将军一人,可抵千军万马。 蒙恬:白将军却匈奴七百余里,胡人不敢南下而牧马。 王绾:白将军,血手人屠,嗜杀如狂,每战必血流成河,尸横遍野,有伤天和。 六国贵族:秦有白仲,我等复国无望! 嬴政:白仲,寡人之武安君白起。 白仲:我比白起还要凶残!这里是一个奇特的位面,有无数个小界面,有玄气,衍气等奇异特的能量。人与魔战,捍卫家园,寒衍前世拼尽所有,也不是冥魔帝的一招制敌,反而被破碎了所有。今生被神秘玉坠复活扭转时空,跨越时空的爱恋,回到少年时代,这一世寒衍,有亲人朋友在,还有记忆深处的那道倩影…她,这一世,衍皇携剑指魔帝,来战!这一次,我一定会赢!市委副书记、市长尤施纲开讲:“今天高朋云集绘淇集团,我们西坛市可谓蓬荜生辉。 “我也即兴作一首诗,献给赵红都先生和绘淇集团: “一声龙吟震尘寰, “侠名远播美少年。 “携手英雄创大业, “空活白头当汗颜。”女娲造人之时,给予了万物灵性,不管什么生物都有可能有智慧,而所有生物开始发展,并建立各自的体系制度,人类在妖魔的魔爪下生存着,有一天,宠师出现了,这让人类有一丝力量与妖魔斗争……并且得以生存。正当徐风在全球进化爆发后的10年后,通过自己的努力,好不容易当上物资搜寻小队队长的时候,因为一场意外。穿越回全球进化的半年前……  伟大的意志使得世界的尽头诞生了众神,他们即是整体又是无限,其意志和权能无处不在,无所不及。   当游戏降临现实,有这么一行人打开了基因的枷锁,爆发出神之力,有人觉醒成魔法师、有人觉醒成剑士、有人觉醒成圣职者、有人觉醒为刺客、有人觉醒为格斗家。   而秦长安却觉醒了最稀有的职业散人,可以说他全能,也可以说他是平庸。   那些被命运之手选中的人,可能会认为那些灾难是偶尔发生的悲剧...   但...这其实是巨大的命运齿轮,并按早已契合的轨道开始缓缓转动的信号。唐轩只是一个普通的懵懂大学生,在鼓起勇气告白的这个夜晚,校花的突然来访改变了他平淡的人生。在惊悚与神秘的呼唤下,在爱与死的抉择下,他毅然选择了未知。王座高悬于上,陌生国度的大门向他缓缓开启。平凡的小人物走上不平凡的真理之路。然而王座的前面诡谲重重,当真相解开面纱,唐轩又该如何抉择? 是屠龙的少年终成恶龙,还是……颠覆整个世界。宋徽宗时期宣和三年七月上旬,以张叔夜、张伯奋、张仲熊三人为首的三十六部雷将,十八位散仙团灭了梁山!这件事很快传到了天庭,天庭玉皇大帝立刻派观音菩萨从披香殿内释放了新一波的天罡地煞星下界聚义黑牙泊给宋江等一百单八将报仇,而玉帝不放心新一波下界的一百单八将便又派出十二星座战士和十八罗汉将军下界聚义红日山为黑牙泊好汉助阵!最终黑牙泊一百单八将和红日山好汉的配合下团灭了张叔夜一伙雷将,为宋江等一百单八将报了仇雪了恨 五年前大批人类觉醒,世界各地陷入一片混乱。一切来的太过突然,是天灾亦或是人祸?是上天赐予人类的礼物?还是世界末日的前兆? 五年游历,叶云经历无数次生死考验,他只求一个真相,以慰忌故友。 只是真相背后又是什么? 在这个超能力者们的世界里会发生怎样的事情。 超能力的大战一触即发。 在人山人海的都市里,有着各种各样的超能力者 未解之谜的失踪案,各种超能力者杀人犯,失踪案的背后会隐藏怎样的阴谋...........
常州网站建设平台 东营+网站建设 国家信息安全最新政策 品牌营销数据分析 线上口碑营销 台州做网站公司 网络安全和信息化官网 网络营销实训教案 日本国家网络安全中心 员工信息安全培训 4. 财运与事业发展咨询【www.richdady.cn】 婴灵的前世记忆【www.richdady.cn】 莫名其妙感伤咨询【www.richdady.cn】 潜能开发与自我提升【www.richdady.cn】 去世的父亲在哪【www.richdady.cn】 精神不振的咨询技巧咨询【σσЗ8З55О88О√转ihbwel 婴灵的超度方法有哪些?咨询【www.richdady.cn】√转ihbwel 如何判断自己是否被冤亲债主干扰?【微:qq383550880 】√转ihbwel 感情纠纷的情感咨询如何进行?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 头脑混沌的咨询技巧【微:qq383550880 】√转ihbwel 冤亲债主干扰有哪些常见症状?【微:qq383550880 】√转ihbwel 前世老公的前世缘分咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 什么是婴灵?咨询【微:qq383550880 】√转ihbwel 精神不振的咨询技巧咨询【企鹅383550880】√转ihbwel 外灵的干扰特征咨询【σσЗ8З55О88О√转ihbwel 外灵的种类咨询【企鹅383550880】√转ihbwel 感情纠纷的解决技巧威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份的缘分揭秘咨询【σσЗ8З55О88О√转ihbwel 升迁障碍的职场策略有哪些?咨询【σσЗ8З55О88О√转ihbwel “缺心眼”对人际交往的影响【www.richdady.cn】√转ihbwel 信息安全国家标准 太原哪里做网站好 网络安全和信息化官网 昆明做网站 营销免费 网络安全门槛 营销型企业网站 信息安全基线规范 山西省网络安全协会 手机网站模板 网络营销实训教案 上海建站网站简洁案例 简述网络安全威胁的几种基本形式 网络安全 硬件 做网站资讯 大数据网络安全分析报告 有没有关于网络安全的工具 蘑菇街网络营销 公司网络安全部门规划方案 网站打模块 高端网站制作公司 银监会 信息安全 文件,-1 信息安全 一级 网络安全 硬件 深圳 网站定制 网络营销提升 石家庄网络营销 搜索引擎内容营销案例 建网站需要多少钱 物联网网络安全 网站设计咨询电话 龙岗网站建设 营销型网站设计 网络营销教程视频 重庆网站优化公司 东营+网站建设 信息流营销是什么 如何申请网站 网站策划厂 网站建设三合一网络营销组织是什么意思 北邮 信息安全 国家线 建网站费用 简述网络安全威胁的几种基本形式 信息安全资质的机构 陕西信息安全监测中心 internet的网络安全 日本国家网络安全中心 口碑营销公司 医疗行业网络安全现状 城域网网络安全 网站设计一般会遇到哪些问题 网络安全 公安部 网站 制作公司 网页区设计网站诊断 什么叫做营销型网站 行业网络安全培训 网络安全的基础知识 什么叫做营销型网站 口碑营销公司 科技网站配色方案 蒙牛网络营销网站建设趋势2017 北邮 信息安全培训大会 网络信息安全培训 上海 4P市场营销组合的特点 黄骅的网站 2014信息安全培训 台州做网站公司 上海市网络安全总队 建网站费用 定制网站与模板网站的主要区别如何架设php网站 常州网站推广 做网站资讯 内容营销的概念和特点是什么 网站后台 搜索引擎内容营销案例 国家信息安全最新政策 网络营销与策划培训 软件外包信息安全程序 手机网站模板 中国信息安全技术 苏州专业网站设计制作公司 信息安全相关竞赛 网页区设计网站诊断 黄骅的网站 手机的网络营销方案 网站设计咨询电话 营销培训费用 信息流营销是什么 上海云计算信息安全,-1 怎么写网络营销的总结 网络安全分析室 华中科技大学 信息安全专业 中国信息安全技术 四川互联网营销 网络安全防范手段 中国国家信息安全网 网络安全及信息管理 国家网络安全专题 形象类网站 什么叫网站 网站后台 网络安全技术培训班 微信营销培训讲师 网站建设初期 佛山新网站制作平台 营销软件站 完整的营销调研问卷 线上口碑营销 中国石油信息安全通报 北邮 信息安全 国家线 网络安全门槛 网络营销策划书 做网站 长 日本国家网络安全中心 网站建设三合一网络营销组织是什么意思 网络安全及信息管理 蘑菇街网络营销 网站设计教科书 高端网站制作公司 网络营销策划书的撰写 一体化网络与信息安全 上海建站网站简洁案例 中国网络安全信息小组 百万网络营销 网络营销策划书 教职工网络安全培训 信息安全 一级 vpn 网络安全 怎么建设自己的网站 网络安全攻防研究室 网络安全 硬件 2016国内网络安全事件 行业网络安全培训 建设网站的目的 互联网营销运作