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
网络营销的优点和缺点信息安全红蓝队营销型网站建设案例咸宁网站建设信息安全专业人员温州微网站制作公司电话第一届360信息安全大赛网站配色方案橙色企业网站首页应如何布局反中国威胁论 信息安全世界遭到入侵,最强武道大帝力战而亡,重生在九千年后的世界,成了酒馆的店小二,并觉醒了全能系统。 通过系统,张易能够看穿世间功法、丹方和对手的缺陷。 为了抵抗即将而来的乱世,张易再次踏上修炼之路。 在他破格的实力下,对他心怀敬畏的人、闻名而至的人、求爱的人络绎不绝。 然而,就在他步步建造势力之时,那过去让世界陷入恐怖的危险,又开始在暗地里行动了……人人都有一死,这是终极宿命吗?死亡成为每个人命运的枷锁,能破解吗? 一个风流浪子回转奔向永生之路的故事!大学毕业的苏大强在机缘巧合之下灵魂穿越到了异大陆附身于傀儡皇帝,一心想要回到社会主义的他屡次失败之后无奈接受现实,开始着手建立属于自己的社会主义。面对外戚当道、大权旁落的现实他巧用计谋建立起只属于自己的暗杀组织、培植能力超强的心腹,一步步将外戚挤出政治中心;面对虎视眈眈的外敌,他一方面虚与委蛇,一方面大胆改革积蓄兵力,不动则已动如雷霆,活用三十六计谱写异世大陆的战争神话,且看苏大强如何在文斗与武斗中从青年屌丝成长到一方枭雄。当年的青葱岁月,多少青春的回忆。留给这当年国内第一款3D网游 谨以本文,致敬青春,给那些游戏中和现实中的同龄人,朋友!本文将以主角和她的一些朋友的视角,展现那激动人心的游戏生涯,第一个紫水晶,黄玉,猫眼,红宝石,第一把狂啸,旋风,第一套公爵,以及攻城战 记录主角的成长经历,他的喜怒悲欢。。。以及那一去不返的青春法外狂徒张三在被执行死刑后无意穿越异能异界,在这个世界张三还能做回那个法外狂徒吗?在这个异能世界,张三又该何去何从?苍玄大陆,何为天才何为废材?杨杰10岁之前记忆被封认贼做父,他就此浑浑噩噩过完此生还是手刃仇人呢?能为家族正名,让大陆万千势力臣服于脚下?一介凡人意外闯入修仙世界,成为一名资质普通但向道之心甚坚的修仙者。 仙路崎岖,长生漫漫,虽千万人,吾往矣!人类的科技已经停滞不前很多年了,工业的污染,人类的贪婪,使得很多东西已经消失在这个世界上。 在灾难面前,万物皆有自救的本能,一场浩劫改变了这个世界的规则! 所有物种已经没有生存之道!它们唯一的希望只能寄托于人类! 为了生存,它们将寄身于人类的体内,吸取所需要的养分! 作为它们的回报,它们也能赋予超越人类的力量! 人类不在依赖于发达的科技。 从此!末日变法开始了! “什么?原来我是恶魔?” 十六岁那天,‘穿越者’阎墨终于等来了属于自己的灿烂。 ------------------------------ ‘普通人类’加入恶魔学园学习成为恶魔的故事,大概会涉及入间同学入魔了,家庭教师,猎人。一颗巨大的陨石改变了这个世界,改变全部原有生态环境,可怕高强度辐射之下,人类只能够依靠自己 建立起安全区生存,安全区之外便是可怕辐射。 曾经温和生物在恐怖辐射之下,产生了巨大变异,以杀戮为乐,以毁灭为荣。 可怕陨石不止带来了可怕辐射和生态改变,巨大陨石之内,还隐藏了另一只可怕生物,它们进化出属于自己社会等级团体,拥有可怕数量军队。 人类在灾难之后,面临无数挑战,是否还能够重建属于自己曾经 家园,强大科技是否能够再一次拯救人类。 在这个灾难大地上,人类、异化兽和辐射生物相互之间撕杀。 主角是众多穿越者中一员,这一次他将会携带着红警3内将士们,在一次在这一片灾难之地,重启属于他们自己家园,他们不会在认输,也不会在失败!!! 新坑续写红警系列,请各位看官老爷们,多多支持呀!
信息安全服务认证资质证书 免费建网站 微博营销的不足 微营销有什么特点是什么 新建网站的缺点 2014年工业控制系统信息安全蓝皮书 下载,-1 网络安全与启明星辰 信息安全服务认证资质证书 网络安全周上海 合肥市做网站的公司有哪些 大龄剩女的婚恋故事咨询【www.richdady.cn】 冤亲债主干扰有哪些症状?咨询【www.richdady.cn】 升迁障碍的真实案例有哪些?【www.richdady.cn】 与老公前世的因果关系咨询【www.richdady.cn】 灵魂种子治疗【www.richdady.cn】 孩子不爱读书的心理分析咨询【σσЗ8З55О88О√转ihbwel 前世老婆的前世影响【微:qq383550880 】√转ihbwel 耳鸣的环境影响【企鹅383550880】√转ihbwel 前世今生的轮回真相【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 商业决策的心理学支持【σσЗ8З55О88О√转ihbwel 感觉整天没精神怎么办【σσЗ8З55О88О√转ihbwel 纠纷的案例分享【微:qq383550880 】√转ihbwel 如何化解婴灵带来的负面影响?【σσЗ8З55О88О√转ihbwel 心慌胸闷头晕的原因分析【www.richdady.cn】√转ihbwel 与老公前世的识别方法【企鹅383550880】√转ihbwel 与女友前世的前世解析【微:qq383550880 】√转ihbwel 投资项目的案例分享咨询【微:qq383550880 】√转ihbwel 孩子学习不好的心理调适【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 暗恋的心理成长【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 耳鸣的医学检查【微:qq383550880 】√转ihbwel 眉山网站优化 网络营销的优点和缺点 信息安全互联网公司排名 深圳微信营销推广 搜索引擎营销sem概念 网络安全审计 第三方营销策划公司 重庆专业微网站建设 玄武盾网络安全 2017深圳信息安全大会 第一届360信息安全大赛 湖北省信息安全等级保护协调小组 广州 网站建设 网络营销渠道功能 中国共和国网络安全法 滑动网站 深圳营销策划 中国共和国网络安全法 国网公司网络安全定位 信息安全类认证 python3 网络安全源代码 信息安全会议几月召开 网络与信息安全现状,-1 咸宁网站建设 b2b网络营销的过程 个人怎样建网站 软件信息安全讨论 商丘网站制作 网络与信息安全现状,-1 计算机网络安全产品 软文营销素材 网站和h5 淘宝 自媒体营销案例信息安全供应关系 互联网营销的总结 电子工厂网站建设 网络安全渗透测试培训机构 搜索引擎营销的产生 信息安全集成资质 新浪微博营销的优势 拟人化营销案例 珠海营销培训 同步营销软件官网 营销型网络公司 滑动网站 企业网络安全防护方案 网络安全讨论 移动营销优点 html5响应式网站 信息安全专业人员 2014年工业控制系统信息安全蓝皮书 下载,-1 互联网内容营销公司 鱼塘营销案例 网络安全技术好学吗 电子商务网站建设的概要设计 创意网站建设 搭建网站 网页 眉山网站优化 网站开发 商洛网站建设 搜索引擎营销的产生 免费建网站 产品网络安全定义 第三方营销策划公司 珠海网站建设公司 论坛营销的思路 淘宝 自媒体营销案例信息安全供应关系 电子工厂网站建设 企业网站首页应如何布局 信息安全产业&quot;十三五&quot;发展规划 中国网络安全空间协会 珠海网站建设公司 中国共和国网络安全法 python3 网络安全源代码 北邮网络安全专业 android信息安全作品 互联网内容营销公司 网络安全服务市场 信息安全会议几月召开 2016信息安全展 网络安全提供 个人怎样建网站 天津大学信息安全 重庆建设网站 杭州高端网站设计 中国信息安全技术有限公司 人员管理是信息安全 网络安全审计 河南天祺信息安全技术有限公司 淘宝 自媒体营销案例信息安全供应关系 专业网络营销 鱼塘营销案例 高端网站建站公司 上海卫士通网络安全有限公司 第三方营销策划公司 第一届360信息安全大赛 互联网信息安全 温州微网站制作公司电话 网络信息安全公安,-1 中国信息安全人才大会 微博营销的不足 网站布局图 深圳微信营销推广 互联网信息安全 海尔集团营销案例分析 品牌推广营销 论坛营销的思路 石家庄互联网营销网站采用哪种开发语言 网络安全渗透测试培训机构 电子商务网站建设的概要设计 镇江网站制作公司 软文营销素材 信息安全服务认证资质证书 网络安全协调局人员龙岗 网站建设 信息安全集成资质 2014年工业控制系统信息安全蓝皮书 下载,-1 网站和h5 导航网站怎么建 微营销有什么特点是什么 2017深圳信息安全大会 虚拟化网络安全 网络信息安全公安,-1 商丘网站制作 上海网站公司 中国信息安全管理研究中心 网络安全信息图片 第一届360信息安全大赛 上海电子商城网站制作 未来网站建设想法 模板网站建设 常德做网站 网络安全周上海 营销型网站建设案例 9月营销 重庆专业微网站建设 湖南微营销