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
营销服务专家建单页网站金融网站建设报价方案网络营销师 达内网络安全竞赛xctf工信部信息安全资质hd网络信息安全论坛珠海企业网站建设费用手机网络安全证书过期傻瓜式网络安全套装有哪些网络安全应急处置图无数年前灵气复苏蓝星生命变异,人族岌岌可危。 此时,武者应运而生,终于在妖魔的攻击中寻得一丝生机。 林枫以武者为目标,日复一日却不得寸进,都是因为他做了一个奇怪的梦。 梦中,他如同在万万年前度过了一生,循环往复。 直到他发现自己居然能够影响梦中的自己,还能继承部分实力。 基础锻体法,修行百年!参悟出自然呼吸法! 基础血气法,修行千年!参悟出武神不灭经! 基础武者拳法(基础血气法),修行万万年!参悟武道神拳,一拳开天地! “他的基础功法……怎么和武神传下的残缺功法如此相像!” “为何他的炼丹技术……比之活了百万年的家族还要精通!” 直到无数年过后,通天大妖率众妖进攻,人族无力抵抗。 无数人鼎礼膜拜,诵经之声传遍天地! “求武尊救救人族!” 一道武神虚影自泰山之中走出,而这道虚影……穿越大武侠世界武当山,成为武当派第三代弟子首徒宋青书,并激活挨打就变强系统。 开局获得金钟罩大圆满! 黄衫女:你怎么也会九阴真经? 扫地僧:可恶!他金钟罩的境界怎会比老衲还高? 帝释天:老夫游戏人间千余年,竟然还比不上一个二十出头的小子…… 宋青书二十六岁,已站上武林之巅,被尊称一声无双剑仙!当时代的马车要碾碎他喉咙时,他终于发出了反抗的吼声,开始与世俗争斗,与丑恶的人心争斗,与所有压迫者争斗。 他要解放思想,解开枷锁,揭开藏在最深处的阴暗。穿越玄黄星十六年,坑爹系统天天死机。 许明绝望之际,系统终于重启成功! 叮!【三年培养,五年御兽】已经修改成神级秘籍【三百年培养,五百年御兽】! 叮!杂草【牵星藤】,已修改成地级灵根【千星藤】 叮!宿主血脉【未觉醒】已经修改成【龙的传人】 许明表示,别和我谈什么血统的高低贵贱。 在我眼里,王侯将相,都能修改! 叶轩重生到高考一个月前 为了不让自己这个渣男伤害她的叶轩决定和她保持距离。 趁着这时候慕容雪没喜欢自己 叶轩准备透露点高考题目让她稳上青华 而自己去临安到时候天南地北,确没想到高考后看到她的录取通知书傻了眼有人告诉他活不过十八岁,所以他从小就独自生活在外面,不能和他所有有血缘关系的人接触。 而等到他十八岁生日的时候,却有人告诉他,他爷爷去世了,为了见他最后一面,邱杨回到了村里。 在村里,邱杨见识到了很多只存在神话传说中的东西,也知道了他爷爷并没有去世,只是失踪了,但村里的人似乎都在忌讳什么,对此都是闭口不谈。 ps:神道将衰,仙道应运而生,一个现实中的文艺青年在一次踏青的时候狗血的穿越道一个修仙者的世界,等其站稳脚跟的却发现这个世界竟然诸神林立,所谓修仙不过是一个诸神留下的一个陷阱,而后一切诡异都随之发生-- 孤儿陆安通过随身的“寄名锁”于乱世中寻找亲属,经历清末风云、民国军阀割据两个时间段,最终他的结局会是如何呢?乾坤八卦,阴阳五行,魑魅魍魉,死尸僵尸,一切尽在三界当中。在江宁区的一个小村庄里,有着一栋具有百年历史的别墅,那里的村民都不敢靠近那栋别墅,相传那栋别墅里闹鬼,这天,来了一群不速之客,他们是某音主播,他们不信这里有鬼,带着直播工具来到了这栋别墅,他们白天在别墅里看了一圈,别墅里破破烂烂,楼梯走上去都带有“咔嚓、咔嚓”的声音,楼上除了几个破烂不堪的卧室外什么也没有,很快夜幕降临他们也准备开始直播,直播开始半个小时,人数已经到达了几千人,刷礼物的人数不胜数,顿时间他们的氛围灯不亮了,瞬间直播被关闭了,这件事在微博上传的沸沸扬扬的。
网络营销产品策略种类 国家实施网络安全等级保护制度 网站建设开发 做个网站 安阳做网站 信息安全工程定义 网络安全宣传单内容 中国信息安全体系 最好的网站建设公司 网络安全性评估周期 孩子不爱读书的阅读计划咨询【www.richdady.cn】 失业的环境影响咨询【www.richdady.cn】 婴灵对家庭关系有哪些影响?【www.richdady.cn】 孩子厌学的家庭教育咨询【www.richdady.cn】 感情纠纷的情感咨询咨询【www.richdady.cn】 为什么过世的前世解析咨询【σσЗ8З55О88О√转ihbwel 前世老公的前世影响【企鹅383550880】√转ihbwel 意外的前世缘分【σσЗ8З55О88О√转ihbwel 暗恋的解决方法咨询【微:qq383550880 】√转ihbwel 性压抑的前世因果咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 缺心眼的解决方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 感情纠纷的解决方法咨询【σσЗ8З55О88О√转ihbwel 亲子关系的教育理念有哪些?【www.richdady.cn】√转ihbwel 阴间生活的描述与传说威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 特殊学校咨询【www.richdady.cn】√转ihbwel 内心恐惧胆怯的前世因果咨询【σσЗ8З55О88О√转ihbwel 解梦的心理学意义【www.richdady.cn】√转ihbwel 前世今生对现世的影响咨询【企鹅383550880】√转ihbwel 财运不佳的案例分享咨询【企鹅383550880】√转ihbwel 自闭症的症状与诊断咨询【σσЗ8З55О88О√转ihbwel 4月29日网络安全日 asp网站php网站jsp网站asp.net网站案例 个人主页网站制作 大连 做 企业网站 深圳 网络安全 公司设计网站建设 最好的网站建设公司 贸易公司自建免费网站 澳洲 信息安全专业就业前景 网络安全产业基金武汉 如何做一个网站 单页面网站 网络安全竞赛xctf 信息安全与web安全 北京微网站建设 网络安全的解决方案 网站和h5 企业网站备案 深圳网站建设公司招聘电话销售 广州品牌营销策划有限公司官网 网络安全项目验收 网站快照 医疗器械网站制作 东莞 网站设计 2017网络安全会议搜索 北京交通大学网络与信息安全事件处理流程,-1 商贸公司营销网站建设 群营销方案 如何建一个网站 网络安全和人工智能 整合营销包含哪些方面 新网站建设 女生适合做网络安全 浦东新区专业网站建设 企业网站维护 深圳 网络安全 单位信息安全 企业网站维护 网络安全是国家强制吗 网络安全委员会 信息安全管理体系的通用步骤 番禺建网站 三零盛安 信息安全培训 商务网站建设公司 网络安全周视频 营销策划去哪里学 个人主页网站制作 网络安全犯罪处罚 7大网络营销的成功案例 网络安全攻击和防御 信息安全 工具 美国网络安全架构 信息安全提供商 如何建一个网站 深圳 网络安全 网络安全法 金融机构 个人信息安全管理 网络安全设计指标 工信部信息安全资质 网站建设 银川 网络安全设计指标 信息安全 工具 最好的网站建设公司 组合营销 整合营销包含哪些方面 黄晟 网络安全 信息安全部门 贸易公司自建免费网站 网络营销产生的基础有重庆建网站 网络安全宣传单内容 信息安全云服务平台 asp网站php网站jsp网站asp.net网站案例 陕西省 网络安全 亚洲信息安全峰会信阳网站优化 公司设计网站建设 新网站建设 北京交通大学网络与信息安全事件处理流程,-1 网站开发公司深圳 网络安全防御系统是个动态 网站程序开发 网络安全周内容 工业控制系统信息安全防护指南 网站设计的简称 信息安全外部环境 广州品牌营销策划有限公司官网 网络安全产业联盟章程 学生 网络信息安全 园区网站建设 信息安全外部环境 信息安全 中央,-1 网站开发中 网络安全测试方案 信息安全 中央,-1 龙岗网站制作新闻 网络安全应急处置图 网站建设时间 单位网络安全等级保护工作的组织领导情况 大数据 网络信息安全 大连 做 企业网站 与信息安全等级保护有关的机关 营销员培训 江苏省网络安全 中国信息安全体系 河南信息安全专业吗 软件信息安全建设方案 2017年 信息安全大会 网站后台慢 网络安全 flash 信息安全 研究员 珠海企业网站建设费用 网络安全法思维导图 柳市做公司网站 女生适合做网络安全 财务软件信息安全 手机网站开发技术 2017网络安全会议搜索 群营销方案 浦东新区专业网站建设 juniper 网络安全 解决方案 .ppt 信息安全与web安全 2017网络安全会议搜索 信息安全分析 asp网站php网站jsp网站asp.net网站案例 国家实施网络安全等级保护制度 信息安全分析 网站组成费用 个人信息安全管理 东莞 网站设计 龙岗网站制作新闻 安阳做网站 网站快照 网络安全科办公室 网络营销基础知识学习 新建网站的缺点 整合营销包含哪些方面