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
企业网站建设搭建橙 建网站如何用网络营销的方法有哪些方法有哪些方法有哪些密码编程学与网络安全网络整合营销网络广告赢天下 网络营销北京网络安全产业东莞公司网站制作网络安全密码技术网络安全实验室 wp深圳网站制作公司 讯我死了,我又活了,我要复仇这个世界由三种基本粒子构成,分别对应了勤勉、博广和睿智。人类的灵魂自然也是由它们承载。在宇宙形成过程中,基本粒子产生了各种律动,是人类情感产生的源泉。不同的情感对应了不同的律动奥义,主角带你领悟不同的律动奥义……蓝星位置暴露,万族窥视,毫无征兆的进入了星际时代。 魔窟降临,巨兽入侵,神灵坐镇其他国家,唯大夏无神庇佑! 在这个热武崩塌的绝望纪元,大夏全民参战,青壮皆赴死。 唯独夏薪,及冠之年,身强力壮,却选择和一群老弱病残一起,留在后方锻剑打铁…… 逃兵,懦夫,大夏之耻,全网怒骂,众叛亲离! …… 夜幕降临,一道遮天蔽日的虚影映照整个大夏。 “吾名传道者,穿越时空,对话先贤,传尔大道,以御强敌!” 对话燧人氏,见证第一缕文明之火诞生,顿悟薪火大道! 对话神农氏,见证神农尝百草,顿悟炼丹大道! 对话大禹,见证禹刊九州,凝聚气运九鼎,镇守国境…… …… 某一日,夏薪无事,身躯盘坐大夏上空,一人一剑。 诸神见状,纷纷退避。 “前方大夏,万族噩梦!!”少年陈枫身怀绝世神器,修盖世魔功。战人界、屠魔界、挑仙界、冲神界。打遍诸世界,杀出冲天血路,成就无上至尊。(声明:新书发布,各位新老书友多多支持。群号:158697732)这里讲的是一些怎样的故事呢? 人皮模特、人骨拼图、凶宅奇案、真人蜡像、密室杀人、碎尸惨案…… 这些故事背后是怎样的一群人呢? 囚禁者、恋物癖、人格分裂、流浪汉、乞丐、白领、高智商人群…… 当你站在地狱仰望天堂,才能真正听懂来自地狱深处的哀鸣。 世界上哪有什么天生的罪犯,只不过是把老实人逼急了而已。 本小说及人物纯属虚构,请勿对号入座。如有雷同,纯属巧合,切勿模仿。天才御兽师孟凡穿越到了现代都市,原本只是想开家宠物店,好好享受现代都市的美好生活。 然而这诸天万界的恶人也想过来分一杯羹? 暴躁孟凡左手牵着四方凶兽白虎,右手擎着护国神鸟毕方,手持天地器具共主剑鬼,一脚把他们都踹了回去。人类是从来不会吸取教训的动物,数万年的演化改变不了动物最原始的本性,这崭新的文明纷争不断,流浪的人类举起手中的武器,两个不同的宿命被交织,战争却遥遥无期,无尽的死亡带来无尽的绝望。人们越发怀疑这一切的痛苦,遥远的星系照耀祖先的光芒,来自远古的力量会带领人类开启下一个新纪元么?大梦一场,穿越到1987年; 一次车祸,梦魇中喝了忘忧水; 一只修罗手套,重生到五百年前; 古墓中激活了古龙珠,唤醒七色混沌葫芦,开启系统传奇之路; 十五万铁甲齐上阵,竟无一是男儿身; 心念起,万水千山~ 心念灭,沧海桑田~ 一念~可成众生~ 一念~可成天神~ 红尘砺剑心,沧海一笑间, 乾坤一剑平,万古啸青天, 笑傲宇宙巅,星空化自在~~修行是一条茫茫无尽的道路,路上没有长生的喜悦,有的只是无尽的枯寂与落寞,三年前问心路上,学院问我,为何要修行,实际上我撒谎了,我只是想好好活下去,能像从前一样回到自己师父师娘身边,跟明月一起坐在清风山顶的大石头上看日出 中州末年,天下大乱! 皇帝昏庸无道!民众水深火热! 一时间山精野怪横行!妖魔鬼怪霍乱!人间气数已尽! 全家惨遭灭门!背后是何阴谋? 看主角如何爬出谷底!步步为营! 对抗妖魔!拯救苍生! 寻宝探奇!终究造神!
网站设计理念 聊城网站推广 网站开发制作 嘉兴 网站 制作 北京网络营销顾问 国外网站设计 华中信息安全测评中心 网站建设案例 东莞寮步网络营销 2017网站风格 前世今生的缘分解读咨询【www.richdady.cn】 婴灵咨询【www.richdady.cn】 大龄剩女的社交技巧【www.richdady.cn】 与女友前世的前世修行【www.richdady.cn】 财运问题在线咨询咨询【www.richdady.cn】 解梦的前世因果【σσЗ8З55О88О√转ihbwel 家宅磁场的检测工具咨询【微:qq383550880 】√转ihbwel 前世缘份的故事如何改变命运?咨询【企鹅383550880】√转ihbwel 前世老婆的咨询技巧咨询【www.richdady.cn】√转ihbwel 去世的父亲的前世记忆【企鹅383550880】√转ihbwel 头脑混沌的解决方法【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 脑部不清晰的案例分享咨询【微:qq383550880 】√转ihbwel 与女友前世的故事分析【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 缺心眼的环境影响咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 心慌胸闷头晕的前世记忆威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 莫名其妙感伤的案例分享威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 性压抑咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 什么原因意外的前世因果【微:qq383550880 】√转ihbwel 大龄剩女的婚姻选择有哪些?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 精神不振的前世因果咨询【微:qq383550880 】√转ihbwel 池州网站制作 西安网站推广 南京营销型网站 网站设计理念 功能性网站制作 网络安全态势感知探讨 网络安全 最好的大学 公安部信息安全监察 集团 信息安全检查 借势营销案例 网络营销培训机构 网络安全证 国内网络安全平台 海南网站建设 淮安网站建设 2017网站风格 怎么维护社交网络安全 铜陵做网站 网站建设与推广是什么 集团 信息安全检查 网络营销策划案例 央企网络安全大会 购物网站建设案例 联盟营销 公关和营销 新乡做网站 公安网络安全培训课程 西安专业建网站 台州网站设计 网络安全关注的方面 网络安全事件案例分析 太原网站建设dweb 设计网站的优势 深圳网站制作公司 讯 网络安全建设与维护 网站后期维护工作包括哪些 北京wap网站开发 h5营销策略 农副产品电商营销培训 著名的信息安全事件 浙江省信息安全 和平网站建设 网络安全攻防入门 网络安全 最好的大学 g20峰会 网络信息安全 网络安全售后服务 铜陵做网站 北京欢迎你网站建设 西安专业建网站 新乡做网站 网络安全主题基金 服务器网络安全软件 公安网络安全培训课程 昆明网站建设排名 国内网络安全平台 浙江省信息安全 网站建设与推广是什么 购物网站建设案例 自微网站衡阳网站优化 网站设计理念 网络营销培训机构 网络整合营销公司招聘 网络安全 最好的大学 北邮网络安全学院 网络营销专业都学什么 企业网站建设搭建 网络营销学 知名网站规划 网络安全关注的方面 淮安网站建设 龙岗网站建设公司 信息安全攻防竞赛 服务器网络安全软件 北京欢迎你网站建设 营销型网站优化 国税网络安全宣传周 北邮网络安全学院 网络安全专题网站 如何做英文网站 网络安全主题基金 工控信息安全产业联盟 海南网站建设 网络安全实验室 wp 网站后期维护工作包括哪些 网络安全行业招聘 平安信息安全组织 网络安全攻防入门 北京网络安全产业 北京wap网站开发 防火墙是常用的一种网络安全装置 网络安全事件案例分析 龙岗网站建设公司 公安网络安全培训课程 信息安全认证体系,-1 购物网站建设案例 江西神州信息安全评估中心 网络营销误区 风格网站 信息安全的五大特性 聊城网站推广 网络营销培训机构 农副产品电商营销培训 网络安全 最好的大学 南阳企业网络营销外包 网络整合营销网络广告赢天下 网络营销 深圳网站制作公司 讯 江西神州信息安全评估中心 网络安全态势感知探讨 兰州做网站改版的公司 公关和营销 百度云资源 网络安全 全国信息安全服务资质咨询,-1 如何用网络营销的方法有哪些方法有哪些方法有哪些 怎么维护社交网络安全 2. 信息安全技术主要包括 南京需要做网站的公司 信息安全评估机构 线上线下结合营销策略 池州网站制作 性营销 h5营销策略 系统信息安全要求 信息安全2000亿 网络安全 最好的大学 网站开发制作 央企网络安全大会 企业网站建设搭建 郑州好的网站设计公司 展示型网站设计 公安网络安全培训课程 农副产品电商营销培训 如何用网络营销的方法有哪些方法有哪些方法有哪些 设计网站的优势 网络安全活动信息 公安部信息安全监察 网络安全行业招聘 腾讯澳大利亚网络安全 公安部信息安全监察 郑州好的网站设计公司 网站建设用哪种语言最好 太原网站建设dweb 天津交通信息安全网 建单页网站 目前个人网民的网络安全状况(结合2013年统计报告说明) 网站设计理念 和平网站建设 为什么研究网络营销 新乡做网站 信息安全攻防竞赛 对外推广营销策划书 H5建网站 信息安全的五大特性 信息安全认证体系,-1 重庆做网站 网络安全事件处理案例 网络安全的应用 网络安全教程2015 北京wap网站开发 西安网站制作开发 g20峰会 网络信息安全 东莞寮步网络营销 购物网站建设案例 网络安全活动信息 网站设计理念 国家信息安全服务资质查询 网络整合营销公司招聘 ids在网络安全中的地位和作用 信息安全评估机构 网络安全通告 ids在网络安全中的地位和作用 东软 网络安全事业部 优秀网站案列 浙江省信息安全 长春专业网络营销公司哪家好 怎么让营销号关注你 网站设计制作 知名网站规划 绿盟网络安全审计 网络营销专家软件下载 川大信息安全怎么样.网络营销渠道的功能是 重庆做网站 重构网站创新的大良网站建设 无线网络安全设置wpa 功能性网站制作 嘉兴 网站 制作 绿盟 网络安全日 中国信息产业商会信息安全产业分会 借势营销案例 风格网站 h5营销策略 西安专业建网站 北邮网络安全学院 网络营销专业都学什么 企业网站建设搭建 网络营销学 知名网站规划 网络安全关注的方面 淮安网站建设 龙岗网站建设公司 信息安全攻防竞赛 服务器网络安全软件 北京欢迎你网站建设 营销型网站优化 国税网络安全宣传周 北邮网络安全学院 网络安全专题网站 如何做英文网站 网络安全主题基金 工控信息安全产业联盟 海南网站建设 网络安全实验室 wp 网站后期维护工作包括哪些 网络安全行业招聘 平安信息安全组织 网络安全攻防入门 北京网络安全产业 北京wap网站开发 防火墙是常用的一种网络安全装置 网络安全事件案例分析 龙岗网站建设公司 公安网络安全培训课程 信息安全认证体系,-1 购物网站建设案例 江西神州信息安全评估中心 网络营销误区 风格网站 信息安全的五大特性 聊城网站推广 网络营销培训机构 农副产品电商营销培训 信息安全的五大特性 如何用网络营销的方法有哪些方法有哪些方法有哪些 公安部信息安全监察 淮安网站建设 网络安全 最好的大学 关于网络安全的新闻稿 公关和营销 龙岗网站建设公司 江西神州信息安全评估中心 嘉兴 网站 制作 信息安全研究 期刊 东软 网络安全事业部 手机 网络安全 网络安全教程2015 重构网站创新的大良网站建设 建单页网站 信息安全评估机构 展示型网站设计 重庆做网站 2. 信息安全技术主要包括 网站建设用哪种语言最好 网络营销培训机构 网络安全事件案例分析 网络安全攻防入门 全国信息安全服务资质咨询,-1 服务器网络安全软件 南京营销型网站 中国信息产业商会信息安全产业分会 网站后期维护工作包括哪些 浙江省信息安全 淮安网站建设 西安网站制作开发 网络营销干货百度云 网站设计理念 ids在网络安全中的地位和作用 农副产品电商营销培训 网络安全的应用 北京信息安全服务资质咨询公司,-1 网络安全技术与解决... 深圳网站制作公司 讯 网站创建 台州网站设计 网络营销期刊有哪些 绿盟 网络安全日 信息安全作业 借势营销案例 2017网站风格 网络安全建设与维护 免费网站认证 网络安全 ctf 关于网络安全的新闻稿 免费网站认证 铜陵做网站 网络营销误区 重庆做网站 为什么研究网络营销 网络营销期刊有哪些 网络安全关注的方面 网络安全事件案例分析 池州网站制作 网站设计制作 联盟营销 西安网站制作开发 网络安全事件案例分析 新乡做网站 网络安全售后服务 淮安网站建设 西安专业建网站 性营销 线上线下结合营销策略 ids在网络安全中的地位和作用 网络安全活动信息 腾讯澳大利亚网络安全 绿盟 网络安全日 天津交通信息安全网 网络安全的应用 北邮网络安全学院 央企网络安全大会 什么是媒体整合营销 江西神州信息安全评估中心 如何做英文网站 网络安全教程2015 2017网站风格 如何做英文网站 西安专业建网站 展示型网站设计 关于网络安全的新闻稿 张掖网站建设 网络安全态势感知探讨 网络营销培训机构 北京wap网站开发 H5建网站 北京欢迎你网站建设 武汉大学信息安全所 城市网络安全服务 设计网站的优势 公关和营销 互联网金融信息安全风险仙桃网站建设 郑州好的网站设计公司 联盟营销 和平网站建设 中国信息产业商会信息安全产业分会 国外网站设计 北邮网络安全学院 重构网站创新的大良网站建设 购物网站建设案例 信息安全攻防竞赛 网络营销线上培训机构 防火墙是常用的一种网络安全装置 农副产品电商营销培训 网络安全态势感知探讨 信息安全攻防竞赛 央企网络安全大会 ids在网络安全中的地位和作用 目前个人网民的网络安全状况(结合2013年统计报告说明) 央企网络安全大会 信息安全大赛题目 网络安全考试认证 国内网络安全平台 网络安全主题基金