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优化公司广州网络信息安全有限公司,-1深圳专业网站制作费用电子商务网络营销方向网站信息安全测试方法上海天融信网络安全技术有限公司网络安全22个行业互联网营销软件世界异变,天灾来临,全民穿越末日游戏! 恐怖异兽、荒野沼泽、诡异遗迹,危机无处不在! 人类只能依靠庇护所艰难生存,接受一轮又一轮的天灾洗礼! 幸好,路岩觉醒了末日生存系统,他可以无限分解制造生存必需品、无限升级庇护所! 【钢铁】+【木材】合成【钢斧】! 【石英砂】+【纯碱】+【树脂】合成【防弹玻璃】! 【合金】+【微型能源】+【变异兽大脑】合成【兽型守卫】! 当所有人都还在为生存而艰难奋斗时,路岩已经携带一身超时代神装横行荒野! “路神的庇护所是废土中最安全的地方!” “那里的城墙厚达百米,那里的资源用之不尽!那里是末日荒野中的唯一乐土!” “有生之年,我想进入路神的庇护所,哪怕只是看一眼!” 原为至强仙尊,仙界爆发仙魔大战,而后大战中奋勇杀敌,机缘巧合重来一世,前世因道则不全未能登顶仙帝,这一世必将登顶仙帝,斩杀外敌,扬我仙界威名,为仙帝贺,为仙界贺!!!末日来临,而我在机缘巧合只下变成了一只橘猫,好阔怕,看着一边穿着黑衬黑丝的铲屎官,我该怎么办? “小虎,作为一只成熟的猫,你该学会自己捕猎了” “小虎,你怎么会喷火?” “都说了,我不是虎我是猫啦,愚蠢的铲屎官”我只突然想到朝闻道,夕可死,人只有在死去的时刻才能明白自己是什么样的人,红尘百世,没有千秋万代,唯有昙花一现,是永恒的矛盾!班里的美少女转校生告诉我,我们已经被卷入了一场狼人杀游戏当中,随时会死? 可是......为什么我的狼人杀,画风不一样? 深夜,无人居住的房间里传出了诡异的声音, 黑暗的海洋馆深处传来了阵阵婴儿的啼哭声, 桃花盛开的小村庄在黑夜里露出了血色的獠牙...... 我能不玩了吗......天道之下的人,在追求着天道。只是,天道又是什么?人在追求什么?凡尘之中存在着不凡之事,光怪陆离早已对地球求知若渴,天选之人们该如何应对……一个平凡的摸鱼打工人,一次宿醉后莫名转生异界。 获得了先天灵根,开启了一段朋克的修仙生涯。“陛下!此行还请万分珍重,末将年迈、大限将至,还能为陛下镇守国门十年!还请陛下十年之内,学满归来!承继大统、振兴神夏,李衮百拜!” 叶无修穿越到玄幻世界,成为神夏国皇帝,身负救国重任,却资质平平! 直到一天,系统觉醒,获得查看万物的词条! 【姓名】:叶无修 【年龄】:17 【黑色煞运:英年早逝】:一月后没有资格参与内门考核,颜面扫地,被逐出宗门,返回神夏国,老将长叹数声而死,诸国侵袭,神夏国灭,死于乱刀之中,享年十八岁! 【白色气运:无能国君】:明日失败最后一次,心灰意冷,慷慨送出神夏国宝物四品炼丹炉,收获称号‘无能国君’! 直到此时,叶无修才有所觉悟! 他竟然成了前一世看过无数的狗血套路小说的龙套?当科技撞上魔法的狂潮,以太之光闪耀,新世界降临。 “所谓火种,乃是为人类的生存繁衍做出巨大贡献甚至能够改变世界的元素。 我曾想,第一次火种便是人类还是猴子的时候学会了使用火焰,驱散黑暗和寒冷,抵御猛兽,使人类在这片土地得以繁衍生息。 第二次,人类发现了火焰之中蕴含的强大力量,制造出了机械,自此也彻底站在了这颗星球的物种之巅,而随之而来的便是无休止地战争。 第三次,人类发现了铀以及一大批的放射性物质,核武器的出现更是使得生命如同草芥! 而如今,第四火种出现,超脱于构成世界的四元素,存在于万物之中,以太,它将传说中的一切展现在你我的面前,拥有无限的可能!”
九江网站建设 中科院软件所信息安全 饥饿营销流程 为什么要加强网络安全 辽宁企业网站建设公司 互联网怎么为影楼营销方案 常州低价网站建设公司 微信营销软件代理网战 网站站欣赏 娄底网站建设 前世缘份的常见类型【www.richdady.cn】 投资项目的自我提升咨询【www.richdady.cn】 缺心眼【www.richdady.cn】 内心恐惧胆怯【www.richdady.cn】 如何预防冤亲债主的干扰?【www.richdady.cn】 事业不顺的职场突破咨询【企鹅383550880】√转ihbwel 家庭关系的情感维护方法有哪些?【www.richdady.cn】√转ihbwel 性压抑【σσЗ8З55О88О√转ihbwel 孩子厌学咨询【企鹅383550880】√转ihbwel 前世老婆的前世故事咨询【微:qq383550880 】√转ihbwel 升迁障碍的职场突破方法有哪些?咨询【www.richdady.cn】√转ihbwel 自闭症的症状与诊断【σσЗ8З55О88О√转ihbwel 前世今生的奇妙经历威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 解梦的自我提升【微:qq383550880 】√转ihbwel 家庭关系的相处之道【微:qq383550880 】√转ihbwel 精神不振的前世因果咨询【微:qq383550880 】√转ihbwel 孩子压力大的解决方法咨询【www.richdady.cn】√转ihbwel 儿童发育倒退的原因【σσЗ8З55О88О√转ihbwel 升迁障碍的职场瓶颈威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生测试在线咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 服务器信息安全防御案例,-1 信息安全等同于网络安全 营销推介绍 网站动效 娄底网站建设 化妆品网络营销 社会化口碑营销 昆明网站设计电话 湖南最有名的营销机构 第一营销网 互联网怎么为影楼营销方案 山西信息安全公司排名 cmcc web 网络安全吗 营销型网站定制 网站内连接 北京专业网站建设 中国网络安全等级保护 营销策划培训 网站运营九州建网站 信息安全防护技术 网络营销概念 网络安全实际案例及分析 厦门网络推广建网站 中国信息安全测试中心 互联网信息安全讲座 怎么用html建网站 企业网络安全案例介绍 怎么制作微网站 美团的软文营销 2015十大信息安全事件 2017 网络安全会议 外贸家具网站首页设计 京东的市场营销战略 社会化口碑营销 白帽子网络安全视频 中小型企业网络安全和管理 深圳专业网站制作费用 信息安全讲解视频下载 青岛免费建网站 网站线框图 模板建网站 青岛免费建网站 营销外包价格 四平做网站 网络安全小组成员组成 营销型网站典型 信息安全 实验 网站 哪个大学网络营销 计算机网络安全讲座 信息安全实验平台 网络安全风险评估流程 什么是信息安全包含哪些基本内容 东莞市手机网站 南邮信息安全实验室环境网络攻防实验实验报告 东莞网站制作 外贸网站设计 e mail营销名词解释 建功能网站 网店营销推广 微信营销软件代理网战 哪个大学网络营销 应用第六章中所讲的网络营销工具之一对该书进行网络营销推广 信息安全 顶尖会议期刊 什么是020营销模式 企业网页设计网站案例 网络营销概念 灵动网站建设 网络安全实训室建设方案 优势网网站 企业网页设计网站案例 制作网站备案幕布 手机wap网站制作 湖南最有名的营销机构 制作网站备案幕布 信息安全网络攻防就业 东莞网站制作 网络营销实训课程设计 营销外包价格 网络营销免费网站 京东的市场营销战略 白帽子网络安全视频 网站信息安全测试方法 北京专业网站建设 营销推介绍 政府网站 欣赏 信息网络安全证书 杭州营销培训会 国家网络安全与信息化 四平做网站 南京微信营销广告公司 星巴克的微博营销 上海定制网站建设公司哪家好 山西信息安全公司排名 营销 qq b2b网络营销服务有哪些 信息安全服务组织能力 央企网络安全大会意义 海口网站建设中国信息安全管理体系 网站运营九州建网站 邮件营销行业 如何网站客户案例 央企网络安全大会意义 深圳网站设计制作 网络安全风险评估流程 饥饿营销流程 营销型网站定制 信息安全防护技术 开县网站建设 故事性营销软文 信息安全网络攻防就业 信息安全竞赛证书 信息安全等级的分类 公司网络信息安全,-1 网络营销事业部 信息安全等同于网络安全 2016年网络安全法 社会化网络营销类型 昆山高端网站建设 精准营销网 网站内连接 郑州网站设计喜欢 网络安全 专业营销外包公司有哪些 上海口碑营销公司 中国重大信息安全事件 信息安全等同于网络安全 信息安全竞赛证书 现代感网站 上海天融信网络安全技术有限公司 cmcc web 网络安全吗 信息安全年会 cncert 网站迁移 网站统计代码 长沙专业网站建设团队 网站站欣赏 电子商务网络营销方向