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
双色调网站信息安全管理服务乐清做网站的公司有哪些网站的对比病毒营销的传播机理病毒营销的传播机理企业网站模版婚庆网站建设陕西信息安全管理体系深圳网站推广梗概 卫国被陷害,代号G的机器人走出家门寻找真相,体验到人生酸甜苦辣,当中结识李寻,两人建立友谊。 代号“勇敢者”的机器人制造了斯坦公司爆炸,试图得到永生。 李寻破案途经丹尼小城发生诡异事件,在与怪物搏斗中受伤,同时收获爱情。众人历经千辛万苦走出丹尼城。 为了获取人类防御系统资料,青鹫(勇敢者的下属)威逼利诱铁杆成为傀儡,让铁杆去获取人类防御系统资料。 李寻与叛乱组织不屈不饶地斗争,最终正义战胜邪恶。三年学艺天师归来,从此纵横古玩界,玩转都市,鉴珍宝、砸赝品、造就盛世乾坤! 生意不好?看我风水局逆转乾坤! 珍宝难辨?看我金手摸宝定真伪! 老婆多年不孕,看我……卜慧书是一名落魄青年,嗜读书,被人成为“痴疯子”。无意功名,也不近女色。擅长办案,只因在义田获得银指环,上写“雅威”二字。之前襄阳镜湖湖口发现一具男尸,身上并无伤痕,可能落水而死。乡民发现后,就向地保报告了情况。地保请代言人撰写一纸呈文报官,代言人则索取1000两银子作为报酬。地保一则没有那么多钱,二则也不太愿意,故而只肯出200两银子。痴疯子便草草写了一张“镜湖口,发现浮尸一具”的呈文。后来情况如何?代言人如何处置?敬请期待....... 徐影良是徐航企业的大少爷,生母许羽美被继母安达莎谋杀夺夫,徐航企业被迫置于安家门下。徐影良死里逃生,故意以徐商集团抢救徐航企业。不知情的继母让他娶同父异母的亲妹妹徐菲娜,让同父异母的亲弟弟徐宏安娶他的发小杨晴晴,想吃死徐商集团,一统国内外。徐影良以女婿名义荣归故里,徐宏安和杨晴晴无心联姻,而杨晴晴喜欢徐影良。 徐老夫妇因阻止不良亲家的无限野心被安达莎痛下杀手未遂,致使徐菲娜和徐宏安倒戈,查到许羽美的死亡真相,和亲大哥一起公正法办娘家。安达莎跟徐影良抢商星荣衔并吞没家业,安老夫妇畏罪病逝。安家罪行曝光后,两家依法强制结束关系,安达莎哭求亲生儿女惜命谅恕,子女无以谅解娘家恶贯满盈,收归至徐影良处,认许羽美当妈妈。徐影良娶杨晴晴衣锦还乡,兄弟俩不想误入歧途,徐航企业并入徐商集团,徐宏安则另谋高就从零做起,继承徐家的优良传统。安家产业被严法惩处,徐菲娜也解脱而修学深造。少年偶遇流浪上神,倾囊相助,获上神青睐,步入修仙之列。拜良师,交益友,结红颜,多方相助威名显。战强敌,斩悍匪,于战乱之中晋升,于战斗之中成长。率领百万雄师征战四方,建国立业,一统修仙界,位列修仙界之主。刻苦修炼,博采众长,终跻身上神之列。护修仙界和平,战神界绝世高手,平九界之乱,成就不世之功。历劫难,成功名,九劫真神威震九界。2066年,全球最大的网络公司启明宣布,历经十年时间,采用了全新的人体脑波桥接技术,能够完全的刺激玩家的各种感观,达到真正的100%游戏真实度!而且,《万界》中拥有最优秀的剧情,也拥有最能打动人的装备系统,存在于神话中的万界种族将设计成NPC美女,任君采摘!《万界》!全世界超40亿玩家期待的游戏,几乎家喻户晓,连卫生间的墙上都贴着宣传画。定于5月1日全球公测!公元两千零八年,来自北方十四岁的女孩李小冉即将迎来她的高考,而她的身份并不只是超级学霸那么简单,他自出生时就被她的族**赋予了一个称号-“最伟大的亚人”。   他们拥有着神奇的超自然力量,他们有的会使用火焰,有的人掌控了大地,有的人能在飓风里舞蹈有的人能让恬静的湖水转眼就变成躁动的波涛,除此之外还有人如同宙斯一样掌握了雷霆的力量,这些人宛如神明一样处在我们普通人之中,两千多年来从没人发现过他们,只是当干旱的农田迎来降雨时,燥热的夏日迎来冷风时人们才会呼唤他们的别名-神明,而李小冉则是继第一个亚人始皇帝之后唯二同时掌握所有属性力量的人。在空灵大陆上,修为决定着每个人的命运。大陆上,人的修为分为融体境,坚身境,铸心境,幻灵境,天元境,破玉境,芥子境,真元境,虚仙境,天神境,能登上天神境的强者少之又少,男主元翼在磨难中一步一步成长,在他向往的世界里,爱过,失去过,被人背叛过,终成一代强者。 郑前上一世文史出身,古言过目不忘,口吐古言成为儒释道大师兄。 正气、佛子、气运的集成,苟而不得的苦恼,一边苦恼一边口吐古言引动天地异象,一路高歌突破,成为大势所趋、人心所向、天命所归的存在。 但是他与人为善,低调做人,不愿做出头鸟,只想做一个上层人的边角料。魏星落,因为在家里半夜睡觉无意间说梦话不知道什么原因偶然间穿越,因为在行为和日常生活跟魏无羡差不多有一次出去迷路昏迷在地被魏无羡捡回去后因魏无羡发现我与他的行为动作等相似,将我培养成他的继承人,于是我就这样了,系统说要成为他的继承人并能驾驭之后才能回去 ps梦女注意避雷ooc警告注意避雷,原创请勿搬运
营销报价 网络安全主管部门招聘 企业网站获取信息和通过搜索引擎获取信息方式的区别和联系 网站改版 信科网络 做网站报价 网站建设套餐 信息安全管理体系中要素 网站建设的目标有哪些 信息安全部 沙井做网站 如何了解自己的前世今生?【www.richdady.cn】 干扰【www.richdady.cn】 忧郁症咨询【www.richdady.cn】 如何克服升迁障碍?咨询【www.richdady.cn】 莫名其妙感伤【www.richdady.cn】 冤亲债主干扰的化解方法有哪些?【www.richdady.cn】√转ihbwel 大龄剩女的案例分享咨询【微:qq383550880 】√转ihbwel 婴灵的前世今生【www.richdady.cn】√转ihbwel 投资项目【企鹅383550880】√转ihbwel 去世的母亲的前世因果【微:qq383550880 】√转ihbwel 婚姻生活不顺的前世记忆【微:qq383550880 】√转ihbwel 性压抑【www.richdady.cn】√转ihbwel 事业不顺的职场心态【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 无形干扰的自我提升【微:qq383550880 】√转ihbwel 前世缘份的案例分享咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 如何发现前世缘份咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 莫名其妙感伤的前世因果【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 升迁障碍的改运方法咨询【www.richdady.cn】√转ihbwel 家庭关系的咨询技巧咨询【www.richdady.cn】√转ihbwel 头脑混沌时如何提高注意力咨询【www.richdady.cn】√转ihbwel 济南微网站 网站模板 上海网站建设 网络营销发展分析报告 信息安全管理体系中要素 上海网站建设 中央网信办网络安全应急指挥中心 哪家网站设计好 网络营销相关岗位 实名营销 企业网站 三合一 信息网络安全风险评估是以 营销的发展 茶叶网站建设 沙井做网站 网络安全竞赛入口 济南微网站 网站模板 上海网站建设 网络营销发展分析报告 信息安全管理体系中要素 上海网站建设 中央网信办网络安全应急指挥中心 哪家网站设计好 网络营销相关岗位 实名营销 企业网站 三合一 信息网络安全风险评估是以 营销的发展 茶叶网站建设 深圳信息安全公司 国家信息安全联盟 云计算信息安全等级保护基本要求 顺德网站建设基本流程 国家信息安全威胁 上海达内网络营销 美团采用什么营销模式 沙井做网站 网络广告营销的特点 注册信息安全员怎么样,-1 2016近期网络安全事件 网络安全 抓包 上海达内网络营销 兰州网站推广 广州淘宝网站建设 网络安全 政府 研究室信息安全逆向分析题目,-1 网络安全 政府 研究室信息安全逆向分析题目,-1 国家信息化领导小组关于加强信息安全保障工作的意见,-1 可信赖的南昌网站制作 江苏网络安全 动力网站 移动商城网站建设 深圳 产品型网站 网络营销策略的缺点 深圳做网络安全公司排名 信息安全认证考试报名 信息网络安全风险评估是以 中国网络安全检测 网站建设的目标有哪些 外贸模板网站深圳 沙井做网站 时事营销 网站的营销与推广方案 梅州网站建设 密码技术网络安全公司 网络安全工程师考试要求 免费网站是 网络安全公司前景 网络与信息安全通报机制 上海网站建设 网站设计一般会遇到哪些问题 主流网络安全机制 信息安全工程师技能 云计算信息安全等级保护基本要求 网络安全公司前景 中国网络安全谷 网站备案与域名关系 网络营销发展分析报告 四叶草 信息安全 深圳做网络安全公司排名 安丘做网站 网络与信息安全优秀员工 网站模板 网络营销系统功能 企业信息安全培训内容 微信营销班 合肥网站优化公司 网络安全所涉及的内容网站建设和优化的好处 联合国 信息安全 南昌个人做网站 网络安全协同 做网站设计所遇到的问题 上海网站建设 网络安全师资格证 大学生网络安全 高端企业网站信息 杭州专业做网站的公司 免费网站是 本地郑州网站建设 产品型网站 网络直播营销常见方式 实名营销 做网站步骤 网站外接 上海全国网站建设 app设计网站 免费网站域名申请 古镇网站建设 哪家网站设计好 信息安全管理体系审核 信息安全管理体系审核 哈尔滨做网站电话 中国网络安全检测 建网站 xyz 网站之间的差异 徐州网站二次开发 做网站报价 营销 作用 交易营销的例子 2016近期网络安全事件 全国公安机关网络安全保卫工作会 可信赖的南昌网站制作 南昌个人做网站 重庆新闻营销服务 实名营销 广告营销 防火墙技术与网络安全 设计官方网站 中国信息安全杂志官网 网络科技网站设计 外贸模板网站深圳 企业信息安全培训内容 企业网站 三合一 网络安全主要功能恩施做网站 国家信息安全威胁