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
南京电商网站建设公司网路营销以什么为基础达内网络营销视频教程常州制作网站信息网络安全管理横向联系做网络安全的公司排名建设网站网址漯河网站建设网站如何被收录深圳 信息安全 案例人在江湖,正如一叶浮萍飘摇于风雨之中。这是一段有着纪实性质的故事,可能会很长,写本文的目的绝不是怂恿年轻人去闯江湖混社会,而是想通过一些江湖中人的故事,让更多人了解从九十年代至今,整个东北随着时代的发展,社会和人情的变迁,希望各位尊敬的读者,通过的阅读本文除了可以了解一段段精彩的江湖故事外,还能让诸位在面对人生重要的抉择时,能有一些启发和参考价值,感谢各位。 穿越后,楚京只想苟住反派值,回去继承家产。   岂料引起公愤,被仙女粉丝穷追猛打。   行行行,打上瘾了?爷陪你打个够!   雾缈圣女:大家误会了,那天是我自愿的。 天命骄女:楚京,只要你肯原谅我,做什么都行。   魔界女帝:嗯?谁敢欺负本尊的宝贝徒儿?   剑修女神:喂,给你个机会,娶本小姐回家! 万古灵兽:主人,请尽情契约我吧~~~~ 楚京:疯了吧!我可是大反派啊! 众女:住嘴!姐妹们把人抓住!一人用一天! 楚京:你们休想得逞!女人,只会影响老子拔刀的速度! 只是简简单单的打一场排位,结果却穿越到联盟大陆还成了托儿索。距今约50年前,神秘陨石索莎降落于地球,使得这个世界上突然出现了被称为“魔法”的不可思议力量,因为魔法的出现,世界的格局也重新被改变……   少年雷昂从小在父母的指导下学习剑术和魔法,成为了一名高强的魔剑士,但是……他却是向众人隐瞒了自己的高超实力。  因为一次机缘巧合,雷昂和妹妹娜娜一起入读了月幽学园并结识了学园最强前辈雷沙、曾经的DEATH PARADISE十大杀手之一水镜、学园智将群云星羽、可爱的努力后辈枫,从此,雷昂开始与各种邪恶势力进行着斗智斗勇的战斗……同时,也知道了父母失踪的真相。谁还记得?记得为了心中梦想和目标向前的他们!谁还在相信?相信那个全宇宙最大的谎言!谁还在坚守?坚守那个持续了不知多久的约定!谁还在等待?等待心中的风筝再飞行!传说中的奇迹,是否真的存在?麦当一行人的冒险仍在继续!我们会和他们并肩作战!当世界上各个角落被神秘的雾气笼罩,那个擎天巨柱般的巨足在他面前踏下时,宋城知道,这个世界变了。 他不知道的是,在未来的人生里,等待着他的是一段充满艰难选择的旅程。以民间传说及史实为资料,详细介绍了三国鼎立之前的故事,不一样的的三国,尽在《史书三国传》中破碎的竹简,修改历史。接续的断玉,破茧重生。华夏大地的历史一次又一次的变幻,究竟哪些是真哪些是假。穿越各大王朝,一个终极的秘密即将揭开。两个组织的碰撞,守护华夏历史的责任。待我将这一切缓缓道来。破天机盗门祖尸系列之残马渡阴兵: 一本不该出现的道家残书,却引发了这场千百年前死人与现世活人的争夺。 妖媚女组成的勾魂挂图,爱钻荒坟的白皮姥姥,六十年才能一见的幽灵岛,扎纸船上倒扣的水泥棺,翻身晒月光的海底死漂儿,大地之眼里沉睡的异装妖人。尸茧守护的邪物悬灵图,陷入大漠腹地的大觉元寺,屋脊上听人颂经的尸娃子,催动尸僵的引魂布经轮,死后依然受刑的神之杀伐。月圆之夜黄河上才出现的半沉敛魂船,滩涂崖壁中水怪守护的邙山阴水墟。森林深处鬼火萦绕的狐仙庙,万人共赴的尸仙涉水祭,黄土窝子下的马槽棺,废矿井里从未灭过的二十四盏尸油烛。人活着无论干什么都挺困难。即使坚守不招惹人的原则都躲不过被人刁难。即使是对的,在金钱和权力的逼迫下变成了错的。人活着是最痛苦的事了,压抑的怒火早已烧毁了心脏。人需要发泄的地方,请来疯狂直播间。
无边界网络安全 网络安全治理与黑客 南京新媒体营销培训 网站制作公司咨询热线 建设网站网址 k网站建设 深圳 信息安全 案例 实战网络安全免费阅读 什么是信息安全事态 微信网站 感觉整天没精神怎么办【www.richdady.cn】 前世缘份的续写有哪些方法?咨询【www.richdady.cn】 去世的母亲的影响分析咨询【www.richdady.cn】 孩子压力大的改运方法【www.richdady.cn】 儿子不读书的环境影响咨询【www.richdady.cn】 事业不顺的职场突破咨询【微:qq383550880 】√转ihbwel 家庭关系的情感维护方法有哪些?【σσЗ8З55О88О√转ihbwel 大龄剩女的婚姻选择有哪些?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 冤亲债主干扰的前世因果【σσЗ8З55О88О√转ihbwel 亲子关系的心理调适【企鹅383550880】√转ihbwel 孩子学习不好的环境影响咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婴灵的前世今生咨询【σσЗ8З55О88О√转ihbwel 无形干扰的原因分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 耳鸣的咨询技巧咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 解梦的咨询技巧咨询【www.richdady.cn】√转ihbwel 婚姻生活不顺的自我提升【企鹅383550880】√转ihbwel 官司的法律援助【www.richdady.cn】√转ihbwel 与老公前世【微:qq383550880 】√转ihbwel 孩子学习不好的辅导方法【微:qq383550880 】√转ihbwel 人际关系不好的原因分析【企鹅383550880】√转ihbwel 微信的网络营销推广 国家网络安全基地建设方案 qq营销的案例分析 武汉 网站制作 网站建设天津 便宜的网站设计 建网站软件 海淀区公安网络安全信息安全应用技术,-1 服装手机商城网站建设 网络营销定价 青岛家装网络营销推广 逛信息安全论坛 信息网络安全与管理 福州做网站 网络安全立国 专注武汉手机网站建设 做网络安全的公司排名 南京移动网站设计 信息安全协议的机制 邮件营销专家 营销应该怎么学 网络安全宣传周主题 网络安全技术研究所 武汉网站设计公司 网站建设新趋势 郑州网站推广公司 广告营销法 网站修改标题有影响吗 小网站推广 2014重大信息安全事件,-1 网络安全审核员 深圳建科技有限公司网站首页 苏州网站维护 建网站软件 网络安全努力破除 上海简约网站建设公司 谈谈数据库营销的特点 国家信息安全文章 网络安全案例故事 网站制作教程 中国信息安全测评中心主任 2016中国网络安全报告 横岗做网站 我司如何自己建设动态网站 第三方人员安全 信息安全问题 网站如何被收录 计算机安全与信息安全 网站空间 2015年 网络营销4p策略案例分析 中国网络安全大会2014 信息安全测评与风险评估 信息安全内审员 南京电商网站建设公司 百度 营销策划 王老吉营销成功的理由 黑色网站 广州天河 网站建设 南宁做网络营销 一科西安网络营销 微信网站 网站空间 许昌网站建设 重庆网站 通信信息安全培训通知 北京微信网站制作 营销应该怎么学 网站制作公司咨询热线 广州招聘SEO营销 2016中国网络安全报告 北京微信网站制作 网站添加百度地图 电信 网络安全 服装手机商城网站建设 网站建设天津 房产全民营销app是什么意思 王老吉营销成功的理由 好未来信息安全规范正式实施时间 k网站建设 达内网络营销视频教程 网站建设天津 网络安全事件记录表 饥饿营销的 百度 营销策划 网站如何做好视觉营销 重庆网站 网络安全事件2017 贵港网站建设 网络安全治理与黑客 已备案网站 贵港网站建设 网站建设天津 网络信息安全服务类型,-1 苏州网站维护 网络安全立国 文库营销是什么意思 玉林网站建设北京响应式的网站设计 网络安全空间大赛 微信网站 深圳建科技有限公司网站首页 营销意义 苏州响应式网站建设 清华网络安全哪个教授 网站跳出率 网络安全审计公司 电信 网络安全 广州招聘SEO营销 网站优点 创新的南昌网站设计 微信的网络营销推广 中国信息安全测评中心主任 邢台建设企业网站 网络安全 收费 注册信息安全员培训 武汉网站建设 网络安全事件2017 深圳网站建设哪家好 信息安全安全测试 信息安全峰会 深圳 信息安全 案例 计算机安全与信息安全 什么是网络营销组合 代运网站 网络安全 收费 企业手机网站建设策划 微信营销的优点和缺点 自定义建设网站西安网站开发 网站如何做好视觉营销 企业营销网站建立 教委高校网络信息安全 建网站软件 备份 网络安全审计技术 北京信息安全的公司 人际网络营销的由来 网站建设新趋势 网络安全努力破除