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
合肥seo营销公司营销式建站什么意思网络广告营销微网站建设信息安全cnas认证一个虚拟主机在原网站根目录下加个子目录用域名转向怎么操作?网络安全模拟实验营销型网站建设哪里有网络营销课程整体设计甘肃网站制作公司有哪些合肥做网站漆黑的星空,闪烁一丝亮光,古朴的令牌从天边划落.......我已经过悲痛,为了不让更多人却承受这种痛苦,我潜心修行,为的就是有一天能替天行道。 我只杀该杀之人,只除该除鬼妖。在下并非圣人,不值得救那便不救。 但又何尝不是人心比鬼要更恶呢…… 这是一个略微畸形的平行世界。 因为科技发展速度太快,商业和文艺的脚步完全跟不上进度。 导致这个世界大部分行业,都处于重技术,轻内容的情况。 而其中,尤其以游戏行业表现的最为明显! 没有电脑游戏,没有手机游戏,所有游戏都是VR的! 甚至连免费游戏都没有! 在这个世界,游戏是有钱人才有资格享受的昂贵物品。 “一个VR设备几十万,穷人就没资格玩游戏了?” 《传奇》《暗黑破坏神》《地下城与勇士》《梦幻西游》《魔兽世界》《英雄联盟》…… 陈风带着前世无数款经典游戏穿越而来,为无数普通玩家发声做事! 一步步走到世界之巅峰,被所有玩家和网友尊称为:游戏界的慈善家! 穿越到大乾王朝的陈河,入赘叶家,本想着这辈子要不做个赘婿吧。   混吃等死算了。   谁想到新婚妻子娇艳如花,奈何天生体弱,红颜多薄命。   一本《伤寒论*小青龙汤》救了新婚的妻子。   一本《本草纲目》本奉为万世医典。   《神农本草经》济世悬壶,引得天下医道追逐。   多年以后,看着自己的济贤堂开遍大乾,陈河本想着这辈子也就这样过吧,娶个七八房媳妇,生个十几个娃,但没想到大乾内乱。   一纸诏令直达应天。   宣:陈河入宫!主要是青天日月曜神为首的曜神与雷祖天尊普化大弟子张叔夜结下仇缘,后三十六天罡 七十二地煞帮助青天日月曜神一齐将雷祖与雷将一一打退,后齐天大圣大闹天宫,三十六天罡七十二地煞为报齐天大圣旧情,不发兵救援(玉皇大帝),被玉皇大帝关押在龙虎山,后洪太尉奉孙悟空之命放走三十六天罡 七十二地煞,雷部三十六将和雷部大弟子及其左右待者并约一十八散仙私自下凡除去三十六天罡 七十二地煞,后八位散仙一一阵亡,只剩那十名散仙,那八位散仙并告知青天日月曜神七十二地煞三十六天罡被斩,青天日月曜神等一齐大怒并上报玉皇大帝下凡除雷部三十六将,玉皇大帝也大怒道:请勿伤害雷祖三人,只拿回归案,朕自会解决。青天日月曜神等并道:好,遵陛下命令。青天日月曜神等转世为人,青天日月曜神只需了宣和十年将三十六雷将 八位散仙一一诛灭。“有请我的世界个人pk赛冠军陆瑜先生上台领奖!” “有请我的世界跑酷竞速赛冠军,陆瑜先生上台领奖。” “有请起床战争总局赛FMVP选手,陆瑜先生上台领奖!” “有请我的世界红石挑战赛冠军,陆瑜先生上台领奖!”  …… 陆瑜:“能不能给我搬一把椅子上来,领个奖跑上跑下怪累的。” “对了,麻烦再给我准备一辆货车 ,我怕奖杯太多,待会带不走。” “谢谢,有请下一位嘉宾给我颁奖。” “你小子莫装逼!装逼可是要……” 轰隆隆—— 全能玩家陆瑜被雷劈死后,竟然转生成方块大陆的村民。 还是个傻子! 幸好,游戏的Minecraft的系统还在,成为傻子村民陆瑜从零开始方块大陆的生活。 【恭喜解锁一键砍树MOD!】 【恭喜解锁食物工艺MOD!】 【恭喜解锁拔刀剑MOD!】 “陆瑜,你怎么做到的?” “阿巴阿巴阿巴。” 陆瑜不知道,不关陆瑜的事儿。意外穿越,借尸还魂,王凯旋成了“战国诛妖人”。于是,他欣然受命,开始了叱咤风云的诛妖之旅…… 本书又名《开着飞机打妖怪》、《在战国的诛妖生活》——其实这是《成年人的童话》。 【画外音】 读者甲:“开着飞机打妖怪,这不科学呀!” 读者乙:“就是,战国哪有飞机?” 读者丙:“这书靠谱吗?” 读者丁:“作者这是在异想天开!” 千古絶唱笑道:“天下万事,皆有可能。诸位若不相信,跟书追读便见分晓……” 当吴狄秉着爱国,诚信,敬业,友善的优良品质,混进金庸先生笔下的武侠世界当中,成为一名武当道士时 面对上辈子无数个夜晚在床上幻想过的武功秘籍,看见那一位位老爷子笔下倾城倾国的女猪脚们,吴狄表示 别无选择,唯有制霸江湖!网瘾少年林徉魂穿大武朝,凭借着网上冲浪的经历纵横武朝! 造纸?我会古法造纸; 赶海?这个季节的沙滩有很多花旦蟹; 行医?脸上出现蜘蛛斑,一抹无痕。 …… 演唱会上,天后苏柒随机抽选了一位幸运观众,邀请与其一起合唱。 没想到,竟然点到了一个假粉丝! “那个,我能唱首原创吗?” 面对这种“冒犯”的要求,天后哭笑不得,但还是允许了。 没想到,这观众一开嗓,便是惊艳全场! “好家伙,来砸场子的?” …… 他就是写出《平凡之路》的顾城! 一个天才作家,网剧鼻祖,流行天王…… 还有,天后的老公!
全国公安机关网络安全保卫工作会议 品牌营销 长沙 公司财务网络安全 计算机流行的信息安全产品 信息网络安全技术培训 浅谈网络营销 验证码 网络安全 湖州网站设计 asp网站设计 信息安全研究生课程 前世老婆的前世因果【www.richdady.cn】 为什么过世的前世修行咨询【www.richdady.cn】 无形干扰的原因分析【www.richdady.cn】 前世老婆的前世故事咨询【www.richdady.cn】 前世缘份的缘分再续咨询【www.richdady.cn】 如何了解自己的前世今生?【微:qq383550880 】√转ihbwel 强迫症的自我提升咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 什么原因意外的心理调适【企鹅383550880】√转ihbwel 精神不振的原因分析咨询【微:qq383550880 】√转ihbwel 财运不佳的财富积累【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 长期失业对个人的影响咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 外灵干扰的前世故事咨询【www.richdady.cn】√转ihbwel 感情纠纷的情感调解【企鹅383550880】√转ihbwel 亲子关系的教育策略【σσЗ8З55О88О√转ihbwel 迟缓儿的心理调适咨询【企鹅383550880】√转ihbwel 迟缓儿咨询【微:qq383550880 】√转ihbwel 化解祖灵的仪式流程威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵、邪灵、祖灵咨询咨询【σσЗ8З55О88О】√转ihbwel 感情纠纷的情感和解【www.richdady.cn】√转ihbwel 儿子不读书的教育建议咨询【www.richdady.cn】√转ihbwel 网络安全法第24条 品牌营销 长沙 网络安全责任的了解 网络安全poc 全网营销思路 牛蛙网络营销怎么样 网络工程师和网络营销 手机网站建 网洛营销案例 网络安全服务上岗 教育信息安全等级保护测评中心 云平台的运维与管理 ppt 全国公安机关网络安全保卫工作会议 浅谈网络营销 信息安全最佳实践 标准网站优势 信息安全产品销售,-1 深圳网络营销哪家好 网络广告营销 网络安全周专题 2017国际网络安全 一个虚拟主机在原网站根目录下加个子目录用域名转向怎么操作?网络安全模拟实验 运营商信息安全现状 长沙微信营销 网络营销环境的特点 营销中心对定位运营提供什么支持及策略 网络安全 两会 信息安全全球顶尖大学 验证码 网络安全 合肥seo营销公司 天津 网站设计公司 信息安全工程师培训 考试 电子商务与网络安全 营销式建站什么意思 网络工程师和网络营销 内容营销百度百科 太原推广型网站建设 网络安全法制定本行业 网红网站建设 网络营销策划方案 龙岗做网站 网络营销市场 公安 网络安全审计系统 网站主色调 网络安全企业 深圳 北邮信息安全实验室 网络营销策划方案 哪个网站是专门为建设方服务的 信息安全加固技术公司 帮人做网站 网站设计) 信息安全研究生课程 合肥做网站 通信网络安全服务能力评定证书 安全设计与集成 苹果 病毒营销案例 广州网站建设哪家比较好 信息安全cnas认证 信息安全审计计划 龙岗做网站 网络安全密匙破解 信息安全需要关注网站 信息安全大学排名2016 网络微信营销公司简介 电子邮箱营销视频 商城网站建设 江苏网络安全认证 一个虚拟主机在原网站根目录下加个子目录用域名转向怎么操作?网络安全模拟实验 网站备案 办理幕布拍照 营销微信稿 网站建设常出现的问题 江苏网络安全认证 qq营销网网络安全+招聘 金融行业网络安全架构 网洛营销案例 qq营销网网络安全+招聘 信息安全不猛 广州网站建设哪家比较好 福田网站建设 西安网站制作 一直播信息安全 营销式建站什么意思 内容营销百度百科 网站的大小 信息安全产品销售,-1 网络安全责任的了解 国家信息安全等级第二级保护制度 全网营销有什么好处 设计 网站 传统营销方式的手段 北京高级网站建设 湖州网站设计 网络营销学文稿 网络安全监测平台 开放网络安全吗 湖南信息网络安全协会 惠州做网站公司 网络安全对企业 工业4.0 信息安全 信息安全与管理警校,-1 网络安全周专题 网站注册器青岛哪里可以建网站 陕西网络与信息安全测评中心 工业4.0 信息安全 网站品牌推广 信息安全研究生课程 注册信息安全员 考试 信息安全最佳实践 2017国际网络安全 设计 网站 国家网络与信息安全管理中心官网 信息安全不猛 广东汽车品牌网站建设 单位信息安全等级保护工作部署 深圳品牌模板网站建设 网站主色调 品牌营销 长沙 信息安全等级保护信息安全等级保护管理办法 濮阳做网站 网络安全poc 信工所信息安全,-1 公司网站可以个人备案吗 牛蛙网络营销怎么样 网络安全专项治理 网络信息安全交流会 手机网站建 西宁网站维护 合肥seo营销公司 网络安全服务上岗 分析企业网站和搜索引擎两者在传递网络营销信息方面有何不同 网络营销环境的特点 全国公安机关网络安全保卫工作会议 深圳网络营销公司 衡水做网站找谁 信息安全最佳实践 浅谈网络营销 asp网站设计 信息安全产品销售,-1 营销活动培训班 万州建网站 网络广告营销 信息安全审计计划 昆明网络营销网站 2017国际网络安全 网站注册器青岛哪里可以建网站 天津 网站设计公司 运营商信息安全现状 一直播信息安全 网络安全法 郭启全 网络营销环境的特点 金融行业网络安全架构 信息安全专项检查 网络安全 两会 主流网络安全技术 互联网出口 网络安全 验证码 网络安全 网站建设策划书ol 微博营销运营方案 天津 网站设计公司 天津电商网站制作 制造业 信息安全 信息网络安全技术培训 网站没更新 西宁网站维护 深圳网站营销公司 信息安全服务新架构 万州建网站 网站没更新 中国企业网络安全问题解决案例 网站 title keywords description 信息安全服务新架构 郑州做网站公司 网络安全poc 公司财务网络安全 如何确保网络安全部队 内容营销百度百科 帮人做网站 太原市网站制作公司 互联网出口 网络安全 重庆微信营销的公司 哈尔滨网站建设市场 营销式建站什么意思 淮南网站建设好 互联网出口 网络安全 信息安全加固技术公司 网络安全责任的了解 合肥做网站 信息安全加固技术公司 浅谈网络营销 深圳网络营销哪家好 石家庄市制作网站公司 工业4.0 信息安全 教育信息安全等级保护测评中心 云平台的运维与管理 ppt 网络安全领域的领头羊 计算机流行的信息安全产品 营销型网站建设哪里有 网络安全竟赛 网络安全法第24条 营销中心对定位运营提供什么支持及策略 信息安全大会 上海,-1 甘肃网站制作公司有哪些 网红网站建设 营销微信稿 微网站首页 信息安全专项检查 制造业 信息安全 网络安全领域的领头羊 2014年网络安全日 龙岗做网站 网站备案 办理幕布拍照 有免费的营销软件吗 信息安全相关设计 平台信息安全险 网站品牌推广 信息安全大学排名2016 有免费的营销软件吗 网络营销促销组合 网络广告营销 网络安全 人工智能结合 网络营销促销组合 太原推广型网站建设 甘肃网站制作公司有哪些 标准网站优势 浅谈网络营销 全网营销思路 信息安全产品销售,-1 网络安全测评机构 辽宁 万州建网站 自助网站建设 信工所信息安全,-1 商城网站建设 学习网络安全技术最好的地方 黑客与网络信息安全 网站建设策划书ol 深圳网络营销哪家好 国家网络与信息安全管理中心官网 信息安全实验室排行 电子邮箱营销视频 在线网站建设客户型网站 国际信息安全企业排名 湖州网站设计 网络安全周专题 网站设计) 通信网络安全服务能力评定证书 安全设计与集成 合肥seo营销公司 网络营销的策略是什么 开放网络安全吗 wifi信息安全登记平台 品牌营销 长沙 网络安全竟赛 个人信息安全软件,-1 企业做网站天津 网络安全教师 杰出人才 信息安全服务新架构 网络营销策划方案 太原推广型网站建设 网站品牌推广 网站 title keywords description 信息安全需要关注网站 网站建设常出现的问题 2017国际网络安全 网站设计) 网络安全扫描的内容 信息安全咨询服务 广东汽车品牌网站建设 信息安全国际会议 公安 网络安全审计系统 哪个网站是专门为建设方服务的 福安做网站 杭州互联网营销培训 网站 title keywords description 信息安全 讲座 网络信息安全演讲 北邮信息安全实验室 牛蛙网络营销怎么样 在线网站建设客户型网站 计算机网络信息安全证 教育信息安全等级保护测评中心 云平台的运维与管理 ppt 企业做网站天津 网站主色调 一个虚拟主机在原网站根目录下加个子目录用域名转向怎么操作?网络安全模拟实验 自助网站建设 长沙微信营销 淮南网站建设好 网络安全 两会 营销微信稿 信息安全cnas认证 江苏网络安全认证 网络营销的策略是什么 如何确保网络安全部队 网络工程师和网络营销 全网营销思路 网络广告营销 策划营销 万户网络网站顾问 营销活动培训班 网站的大小 网络安全法制定本行业 信息安全服务新架构 郑州做网站公司 网络安全poc 公司财务网络安全 如何确保网络安全部队 内容营销百度百科 帮人做网站 太原市网站制作公司 互联网出口 网络安全 重庆微信营销的公司 哈尔滨网站建设市场 营销式建站什么意思 淮南网站建设好 互联网出口 网络安全 信息安全加固技术公司 网络安全责任的了解 合肥做网站 信息安全加固技术公司 浅谈网络营销 深圳网络营销哪家好 石家庄市制作网站公司 工业4.0 信息安全 教育信息安全等级保护测评中心 云平台的运维与管理 ppt 营销活动培训班 西宁网站维护 网络信息安全交流会 网络营销环境的特点 国家网络与信息安全管理中心官网 深圳网站营销公司 惠州做网站公司 公司网站可以个人备案吗 内容营销百度百科 信息安全最佳实践 网站备案 办理幕布拍照 网络安全监测平台 信息安全全球顶尖大学 西安网站制作 中国企业网络安全问题解决案例 网络营销群 网站建设的目标有哪些北京手机版网站制作 广东汽车品牌网站建设 分析企业网站和搜索引擎两者在传递网络营销信息方面有何不同 信息安全服务新架构 单位信息安全等级保护工作部署 信息安全工程师培训 考试 企业网络安全学校 国家信息安全等级第二级保护制度 万户网络网站顾问 网络安全专项治理 信息安全产品销售,-1 网站建设的目标有哪些北京手机版网站制作 公安 网络安全审计系统 湖南信息网络安全协会 广州网站建设哪家比较好