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
公司营销方案学校网站开发公关营销专业信息安全,-1网站流量超网络安全博士生信息安全服务管理规范虚拟化网络安全网络安全的五大特征杭州 信息安全培训【穿越+倒爷+搞笑+轻松+日常+玩梗+时事+胡亥+项羽+美女】 好消息!好消息! 江南皮革厂倒闭了,老板黄贺没有带着小姨子跑路,获得秦朝和现实来回穿越的能力。 作为商人的黄贺,充分发扬老秦人吃苦耐劳的精神,没有996,没有007,只要干不死,就往死里干。 秦朝的无限资源,现代的工业技术,碰撞出激烈的火花。 且看一个现代人,如何在秦朝和现实一步一步的爬到最高,打到赵高,带领老秦人冲出欧亚,走向世界。 在那一天公司聚会陆游喝醉了,一觉醒来看着尸骨遍野的周围以为到了乱葬岗却不成想那是张角的黄巾起义。 至此他默默的加入了十八诸侯,看见了三英战吕布、见证了火烧赤壁败走华荣、也逢上了秋风五丈原、三家归晋。陈寻怎么也想不到,自己机缘巧合参加的一次相亲经历,竟然就此翻转了他的整个人生。 两年后,被军中战友称为“狂神屠灭者”传奇战神的特战兵王江晓如约归来,面对人事皆非的境况,该如何取舍,面对一步步浮出水面的暗黑真相,又该如何抉择! 世间的真爱该如何诠释,人间的正义又该如何解读。 孤儿江晓与独女简雯在一个城市读书,相恋四年,彼此深爱,毕业时江晓为追寻自己儿时便已植根内心深处的梦想做了一个让简雯无法理解也很难接受的决定,选择入伍。入伍临行前,两人定下两年之约。 两年后,成为特战兵王的江晓为两年之约离开了那片让他挥洒过无数血和汉承载着作为军人荣耀的火热军营。 回来后,却发现外面的世界已经不是自己认识的那个样子,简雯也变得如此陌生,所有的一切已人事皆非…… 不甘心的江晓不相信所看到的一切,化身“大侦探”的江晓随着调查的深入,一步步发现原来事情远没有自己想的那么简单…… 爱恨交织,黑白无道。 为守护爱和正义,江晓一步步走上了孤勇的战斗之路……神与仙的比拼,妖与魔的碰撞,机器与人的厮杀,这里有最神奇的大陆,有最热血的青年,有最精彩的战斗, 让云岚带你开启星空的纪元之旅。浩瀚的星空之上有何物?曾经半步主宰界的叶尘却在渡劫期间不料被四大玄门合伙暗算了,获得重生后,得知仇人早已灭亡,而叶尘会做出怎样的决定......A城中流传着有关另一个世界的古老传说,人群沸腾之中真相却愈加扑朔迷离,令人可怖的巨型落日,落日之中是否隐藏着白骨与宫殿?科技局频频消失的人员,谁也解释不清的末日传闻,究竟是谁在传播这些故事?全城警戒,车祸不断,枪战迭出,这一切的背后是怎样的黑手操控?落日之战,三分天下,黑科技武器迭出不穷,谁操纵了这个世界的程序,谁就是这个世界的王。从轮椅上的青年走上至尊王位,手下听命的不仅是骁勇善战的千军万马,更是大自然的风雨雷电,在这不可想象的逆袭背后,竟是一个庞大的科研计划,几代人的前赴后继,延绵成这个世界两万里白骨的奇观,而挽救末世危机的秘密,竟就隐藏在这虚拟时空之中.....一场惊世浩劫袭击了蔚蓝的蓝星,一场奇异的宇宙辐射风暴袭击了地球,让地球上的生灵发生了不可名状的变化,短短数年地球百分之五十的生灵遭到了毁灭性打击,在灾变的浪潮之中,无论是人还是动物、植物都不得幸免,皆因辐射重组DNA,让生物体发生了巨大的变异,幸存科学家们将灾变的生物称为“灾厄异种”,将这一场浩劫称为“灾厄狂潮”。十万年前,异族大举入侵神界,五位仙帝浴血奋战,最终以血祭元神的代价将其封禁在了混沌最深处,五万年后,神界叶氏一族分崩离析,紧要关头,叶族帝君以毕生之力打破界壁将怀胎五月的叶青青送入下界,此后,神界大乱
普及化营销 网络营销的案例分析 玄武盾网络安全 商城建设网站 网络安全信息共享 集团网站建 武汉建网站 基于基因网络安全检测 计算机网络安全实训报告 智能qq邮件营销系统 失业的咨询技巧【www.richdady.cn】 大龄剩女的婚恋故事咨询【www.richdady.cn】 心特别累的前世记忆咨询【www.richdady.cn】 事业不顺的自我提升【www.richdady.cn】 精神不振的前世因果【www.richdady.cn】 纠纷的心理调适【微:qq383550880 】√转ihbwel 事业不顺的职场提升路径有哪些?【企鹅383550880】√转ihbwel 长期耳鸣可能是哪些疾病的信号咨询【企鹅383550880】√转ihbwel 忧郁症的环境影响【企鹅383550880】√转ihbwel 冤亲债主干扰的常见案例咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 儿子抑郁症的环境影响【www.richdady.cn】√转ihbwel 冤亲债主咨询【企鹅383550880】√转ihbwel 有官司的法律咨询咨询【σσЗ8З55О88О√转ihbwel 不爱读书的自我提升咨询【www.richdady.cn】√转ihbwel 孩子不爱读书的应对策略有哪些?【σσЗ8З55О88О√转ihbwel 孩子不爱读书的心理分析有哪些?【企鹅383550880】√转ihbwel 婴灵的超度与家庭和谐【www.richdady.cn】√转ihbwel 前世今生的缘分如何解读?【微:qq383550880 】√转ihbwel 如何判断自己是否被冤亲债主干扰?【微:qq383550880 】√转ihbwel 财运不佳的原因分析【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 网络安全公司采购 淄博做网站公司有哪些 实行信息安全等级保护重点保护基础信息网络和关系国家安全 北京信息安全中心地址 视频营销的策略是 网络营销低价定价策略 专业信息安全,-1 简述网络营销中的stp 专业的网络营销哪里有 产品网络安全定义 二A信息安全院校排名 网络安全产品培训方案 好的网站建设商家 西安做网站 东莞网站开发推荐 学校网站开发 网站流量超 虚拟化网络安全 德州网站制作 教育部 网络安全 网络安全技术好学吗 蘑菇街微博营销 集团网站建 网络信息安全创新创业大赛 信息安全发展史 什么是事件营销推广 企业网站怎么建站 网络营销的工具选择营销组合四大要素 国家信息安全工作 隐私泄露网络安全事件 网络营销师在哪里考 公关营销 信息安全经典面试问题 信息安全公司资质 武汉建网站 蘑菇街微博营销 西安商城网站建设制作 南京定制网站建设 三金网手机网站 网络安全岗位培训 苹果网络营销策划 三金网手机网站 公司营销方案 搜索整合营销 移动监控 网络安全 腾讯信息安全实验室 玄武盾网络安全 上海 网络安全 我与网络安全 如何修改网站关键词 政务网站开发 成都建设网站首页 网络营销的工具选择营销组合四大要素 网络安全网络空间 免费网站是 安徽合安房产营销策划有限公司怎么样 电子商务网络营销 南阳网站优化 中国民航大学信息安全测评中心 2015汽车信息安全报 网络安全内部威胁 网络营销低价定价策略 互联网信息网络安全技术保护措施 做网站收费 发改委信息安全专项 产品网络安全定义 计算机网络安全实训报告 我与网络安全 东莞网站开发推荐 网贷网络营销 微博营销的好处和坏处 广州高档网站建设 专业的网络营销哪里有 微博营销的好处和坏处 普及化营销 网站制作费 兴化网站制作 信息安全 峰会 2013年的重大网络安全事件 信息安全经典面试问题 武汉建网站 乌克兰事件 信息安全 深圳市移动端网站建设 实行信息安全等级保护重点保护基础信息网络和关系国家安全 学校网站开发 网站设计规划书 瓦房店网站建设 塘沽网站建设 搜索引擎营销的阶段 淄博网站优化 2015中国个人信息安全问题研究 网络营销环境ppt 网络安全产品培训方案 计算机网络安全培训 小米事件营销做网站成本 网络安全信息共享 第四届网络安全 网络安全内部威胁 德州网站制作 初级信息安全测评师 建立网站的条件 vpn与网络安全pdf 简述网络营销中的stp 企业网站怎么建站 呼叫中心信息安全规范 做网站一般用什么语言 网络安全信息共享 中山企业手机网站建设 信息安全产业&quot;十三五&quot;发展规划营销型网站如何制作 什么是计算机信息安全 建个营销型网站多少钱 信息安全cip 中国共和国网络安全法 网站jianshe 淄博做网站公司有哪些 网络营销的职责 网络安全岗位培训 北京信息安全中心地址 河北信息安全测评中心 网络安全与管理 ppt 网络营销低价定价策略 做个简单网站大概多少钱 保障电脑安全和信息安全的建议 简述网络营销中的stp 国际信息安全联盟 国家信息安全工作 产品网络安全定义 虚拟化网络安全 信息安全发展史 网络安全产品培训方案 vpn与网络安全pdf 中国共和国网络安全法 西安做网站 门户网站策划书 网络安全博士生