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
关于网络安全的信息网络安全攻击报告网络安全评估公司网络安全.pdf营销解决方案成都c3网络安全贵阳有哪些可以制作网站的公司吗信息安全会议2017网站制作 文案公众微信绑定网站帐号掌混沌太荒之力,修真龙不灭之体,诸天万界,唯吾独尊,觉神脉,修神诀,武道之极,逆天屠神!穿越到综漫,解锁模板传承系统。邹锦辉开局先穿越到鬼灭世界里,获得了鬼灭之刃前三力量继国岩胜的模板,拥有【月之呼吸】及【通透世界】技能,救下了堕姬兄妹。   鬼杀队惊讶地发现,自己这里出现了一个全新的队友:邹锦辉,一个从来没有听过的陌生人,但是他身上散发着的那种淡漠的气息却又是如此真实,而且还成为最快从普通队员,晋升为柱的男人。   随后,邹锦辉又穿越到了其他世界:火影、海贼、美食、动漫世界、魔兽世界、游戏世界......商界天才在车祸中丧生,却意外重生在一个底层小人物体内。 时间倒退二十年,突然多了一个可爱女儿,该哭还是该笑?老婆这么漂亮,会不会不安全? 这是一个满地黄金的时代,机遇多如星辰密布,淘金者多如过江之鲫。 林皓文决定彻底释放野性,化身一头吸金巨兽。 林皓文:“各位商界大佬你们好,我是来教你们做人的。”叔孙豹的一段往事。取材春秋左传昭公四年一段往事。民间口口相传着一个故事: 世间本蕴涵丰富的灵气。修道之人浅则延年益寿,深则飞天遁地、排山倒海,超脱万物之规律。 但在400多年前,一位通天地彻的神秘道人不知算出了何种天机,竟不惜魂飞魄散,道行尽失,也要与“天”抗衡。 自那以后,世间灵气变得十分微弱。虽仍有修道之人,但都修行浅薄。与登仙再无机缘。 18年前,一起发生在龙虎山的“离奇盗墓案”让方介白失去了双亲,但是他坚信自己的父母没有死。 也是自那以后,在这座城市里,不断有着灵异的事件情发生在方介白的身上。 这让一个坚信唯物主义的成年人无法用科学理解这些超自然现象,直到方介白发现......夕阳不落黑暗永坠。 人族发展前前后后经历了六次黑暗,这第七次黑暗也在这个时候缓缓的来临,所有人都希望能够在这黑暗之中能够存活下来,也正是因为第七黑暗的来临,整个世界也在悄无声息之中发生了翻天覆地的变化,每一次黑暗来临都会孕育出一代强者,而这些强者之中拥有着自己的血脉传承,那些前六次黑暗之中存活下来的血脉传承逐渐的成为了所有人在这第七黑暗存活下来的希望。在渐渐步入和平的大陆上,阴谋于野心藏于不可见的黑暗中。本来应在棋盘之外的无逝,意外的卷入纷争。少年历经打磨成为锋利的刀,劈开棋盘,走向属于他自己的远方。   为了想要去到的方向,少年肩负着亲人朋友的希冀。   “在没到达尽头之前,我不会停下!” 人类漫长的文明发展中,逐渐发现自己在宇宙中的孤独,人们开始寻找外星生命,可数千年来却是一无所获。 宇宙边缘论随着重生机的诞生,进入了大家的视野,重生机创始人“叶伦”说出了让全世界震惊的消息。 我们发现了外星文明!随着宇宙检测站的一个个排查,出现了让所有国家瞬间发起战争的重大发现。 宇宙重启!这场战役叫做宇宙重启!叶伦开启宇宙重启真的是为了拯救文明吗?还是受到了边缘文明的操控呢?这背后到底隐藏了什么秘密? 这一切都随着一名普通的研究人员,慢慢浮现出来……缘若未尽,必有重逢。念念不忘,必有回响。成年人的告别仪式很简单,你没有回我消息,我也便默契的没有再发,就这样安静地消失在彼此的生活里,好像从没认识过一样。 每件事都是最好的安排,包括你出现,包括你离开,都是最好的安排。希望你比昨天聪明,比去年自由。 他日功成名遂了,还乡,醉笑陪公三万场。 我们不能改变现实,只能安慰“今天是离别是为了以后更好的相聚”。人生有初见,相识,就一定会有离别。可是,这样的离别,还是出乎了我们所有人的意料。 纵使受尽委屈!经常会问自己!我也要努力,有时候…….让人心痛的不是离别!而是离别后的回忆!架空小说。 曹孟德的魏国一直持续到公元1984年,同样,刘玄德和孙仲谋的蜀国和吴国也是如此。 魏国于83年前从封建制和平演变为民主制,除了国名更改为大夏民国外,一切章法基本未变,皇室也象征性地保留着。 吴国于33年前变革体制,较魏国变得彻底了一些,最明显的就是婚姻制度实行一妻多夫制。 蜀国在今年年底也要对实行数千年的一夫一妻多妾制进行变草,是改为魏国的一夫多妻制,还是吴国的一妻多夫制,则要举行全民公投。 魏国15岁的宋琦仗着拥有上一世的记忆,在阴差阳错间改变了三国格局,统一三国,顺手还灭了恶邻倭国。同时顺应历史发展的潮流,婚姻制度实行最为文明的一夫一妻制。 恩格斯说:一夫一妻制家庭的产生和最后胜利乃是文明时代开始的标志之一。
徐州网站制作如何定位 网络安全动态分析报告 网络安全基本原理 中国信息安全发展历程 信息安全风险管理系统 做网站合肥 网络营销对传统营销模式的影响 做网站实验体会 云平台网络安全 上海网络营销 如何了解自己的前世今生?咨询【www.richdady.cn】 干扰咨询【www.richdady.cn】 忧郁症【www.richdady.cn】 如何解决事业不顺的问题?【www.richdady.cn】 特殊学校的前世影响咨询【www.richdady.cn】 冤亲债主干扰的案例有哪些?【微:qq383550880 】√转ihbwel 内心恐惧胆怯的前世记忆【微:qq383550880 】√转ihbwel 前世老婆咨询【σσЗ8З55О88О√转ihbwel 去世的父亲在哪【σσЗ8З55О88О√转ihbwel 财运不佳的心理调适咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 莫名其妙感伤咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 家庭关系的和谐共建方法有哪些?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世老公的识别方法【微:qq383550880 】√转ihbwel 家宅磁场干扰的原因咨询【σσЗ8З55О88О√转ihbwel 发育倒退的环境影响咨询【σσЗ8З55О88О√转ihbwel 发育倒退的前世因果咨询【企鹅383550880】√转ihbwel 与女友前世咨询【www.richdady.cn】√转ihbwel 自闭症的前世因果【σσЗ8З55О88О√转ihbwel 前世老公的咨询技巧【σσЗ8З55О88О√转ihbwel 存不住钱【www.richdady.cn】√转ihbwel 网络营销学概论 如何保证网络安全 信息工程大学信息安全 网络安全人员能力认证 特色的南昌网站制作 idc信息安全管理系统架构 cu eu 360网络安全团队 苏州制作企业网站公司 网络安全基础 华为网盘 柳市做网站 营销解决方案 响应网站 中国网络安全排名 银川网站设计怎么样 武汉新公司做网站 无锡网站建设哪家专业 营销 老师 衡水做网站公司 网站功能及报价 杭州信息安全公司排名 中国网络安全吗 网站建设明细报价表 深圳专业网站制作费用 信息安全等级策略,-1 网络安全学习网站 如何网络营销小龙虾网络营销方案 2017年网络安全周北京 衡水做网站公司 营销解决方案 中国信息安全发展历程 网站的不同类 基础展示营销型型网站 网站分析步骤 邢台网站建设 专业网站设计建站 深圳手机网站建设 网络安全失泄密 网络安全人员能力认证 做网站实验体会 信息安全会议2017 基础展示营销型型网站 国家网络安全管理局 国家网络与信息安全信息通报机制技术支持单位 网络安全 风险评估 网络安全学习网站 传统信息安全 网络安全的基本需求 郭启全 网络安全 微信微网站开发 网络安全失泄密 网络营销学概论 网络安全运营管理 诺一品牌营销 全网整合营销 网站数据库 中国网络与信息安全 网络安全基础 华为网盘 网络安全工作 网络安全 ids 网络安全研究热点 网络安全攻击报告 巴中网站建设 东城东莞网站建设 营销解决方案 兰州网站建设报价 网站的营销与推广方案怎么写 济南seo网站建站 小米内容营销分析 响应网站 岳阳网站建设 大学生网络信息安全 信息安全 漏洞 全网整合营销 网站制作 文案 原型图网站 银川网站设计怎么样 江苏 网络安全上市公司 好文案网站 .网站排版 信息安全 计算机考级b2c网站建设 网站建站系统程序 响应网站 更新网站内容有什么用 无锡网站建设哪家专业 贵阳有哪些可以制作网站的公司吗 计算机网络与信息安全技术常州网站制作机构 营销外包效果 网络安全基本原理 营销 老师 东城东莞网站建设 徐州网站制作如何定位 网站制作公司推荐 2017金融网络安全 做网站合肥 设计国外网站 网站功能及报价 珠海网站建设哪家好 网络安全的技术有哪些 邢台网站建设 云平台网络安全 信息安全研究生学校,-1 上海信息安全专业 深圳手机网站建设 如何保证网络安全 计算机网络与信息安全技术常州网站制作机构 建网站用什么语言 营销方案.信息安全与无线网络 网站建设明细报价表 做app网站建设 个人注册网站.com 武汉网站制作公司 公司网站设计与制作 深圳专业网站制作费用 信息安全研究生学校,-1 信息安全风险评级 武汉专业网站建设推广 2017信息安全泄漏事件 信息安全等级策略,-1 网络安全病毒逻辑实例 国家实施网络安全 做的好看的网站 网络安全学习网站 信息安全等级策略,-1 创手机网站 信息安全 漏洞 济南seo网站建站 龙岩网站制作 网络安全信息与动态周报 网站建设明细报价表 网站建设周期 巴中网站建设 大学生网络信息安全 营销产品定位 青岛信息安全等级保护 网络安全模块