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
西安网站架设公司网络安全测评机构 辽宁网络安全 专业营销方案中的价格策略网站网页制作机构高校信息安全方案台州网站建设企业e春秋网络安全平台中国无人驾驶网络安全支付宝的网络营销战略封印亿万年的修真世界重新现世,是末日即将到来,还是这世界本就是一场轮回游戏, 昔日的位面第一宗门‘妖傀宗’圣主叶欢,因为争夺位面至宝八荒鼎,被诸多大帝围攻陨落,再入轮回与将门犬子夜欢灵魂融合。 废柴笑柄?我炼体术不坏不灭,谁与争雄? 家道衰落?我炼丹术冠绝位面,扶不起一个家族? 边疆失守?我打造的连弩刻有玄奥灵阵,可杀敌于千丈之外! 异族邪魔来袭,家园沦为炼狱?我炼制的妖傀无数,足以横扫八荒! 外面有一支神秘势力,就要统一大陆?无妨,那就是我一手扶持的顶级宗门! 圣域的一位老祖已经称皇称帝?莫怕,那不过是我当年随手炼制的一尊妖傀罢了!原本是各个不同世界和地方的九位勇士,却因一次的使命而是他们走到了一起;今后的路,虽然漫长而艰巨,但他们之间的友谊与羁绊却不会因为任何原因而被斩断,不论在何方,都会把彼此深深地记在心里!!叶辰懂医术,会古武,下山后的他,还在幻想着自己逍遥纵横都市,吊打一切不服! 万万没想到,参加自己婚礼的时候,新郎竟然不是他……星新历四年,地球资源全面枯竭,与未知生物展开一场大战,所以才被迫使用世界武器之一的“天塔·镇世之光”将四片大陆相连的部分炸毁,分为白金,落月,余辉,残朝,四片大陆,其中残朝大陆是由残阳与朝阳政府组成的。 因为内部水资源不能被外部海水所入侵,所以唯一一颗可以改变天侯的武器“卫象·骤风之时”在旧星历二三九五年于四片大陆上空爆炸,形成了四陆风暴的气象。 据说赤色大陆并不是自然生成的,而是岛上的拾荒者,根据旧星历二二七三年所提出的“铁箱计划”(原生态圈创造计划,简称原生计划)当时这个计划被快速否定,因为这么大一片大陆所需要的人力物力是天文数字,就算成功效果也不一定好,但偏偏让赤色这样一小片小岛完成了这样宏大的工程,另外赤色有一个别称,“雇佣员会。”穿越大唐贞观年间,成为李世民第九子李治。 开局只有四岁,并且身负混世魔王系统。 十万里加急的信鸽算什么? 烤! 圣旨算什么? 画! 李二算什么? 整! 李二:“王德,最近雉奴学业如何?” 王德:“陛下,孔颖达已拜晋王为师!” 李二:“什么?” 王德:“阎立本、王献之紧随其后,也对晋王殿下以师见礼!” ………… 琴棋书画,刀枪剑戟,文武双全定江山。 我李治自认第二,谁敢称第一?幼时的联系让许瑞对陈司康犹为感激,陈司康与许瑞共同成为一代青年科学家,可是,陈司康并不只是想做研发,造福世界,由是,数据世界的构想在陈司康脑中展开,数据溶洞逐渐建成,当许瑞得知陈司康的真正想法,又如何抉择? “司康,你不能这么做…” “为什么不能?我是king啊!” “一切不是你想的那么简单。” “呵,难道……要你来完成这项宏图?” “你绝不能那么做……” …… “对不起,司康。”许瑞答。 一次意外,曲波脑部严重受损,偶然机会服用了来自火星的一种药,之后,脑智大开。一跃成为享誉全球的科学家。而一次席卷全球的病毒,让他认识到了自己的特殊,同时得知全球有十个同他一样服用过那药的人,于是,他找到了他们。他们都已某领域的开拓科学家。曲波经常产生幻觉,幻觉中出现外星球上的外星人。总在地特殊时期给他某种思维引导。于是,他与这些“同病相怜”的人决定发明人类永动飞船,去寻找那外星球。 十年后,飞船成功出行,他们成功找到了那个叫盘古的星球。而在那里他们发现早在公元一年就有地球人被带到了这个星球,并在这个星球推广了中文文明,这里的人也有中文名,也有会讲中文。 盘古星球比地球文明存在早上万年,那里科技发达,人的寿命都是千岁以上。曲波团队学到了他们的长寿秘方,带回了地球,经过几十年的努力,在地球上发明了地球版长寿药,让地球人类寿命也达到一千岁以上。多年后,两球之间建立了官方往来。 郑前上一世文史出身,古言过目不忘,口吐古言成为儒释道大师兄。 正气、佛子、气运的集成,苟而不得的苦恼,一边苦恼一边口吐古言引动天地异象,一路高歌突破,成为大势所趋、人心所向、天命所归的存在。 但是他与人为善,低调做人,不愿做出头鸟,只想做一个上层人的边角料。上古大陆,一位拥有先天全体的少年,因为一次意外,引得黑珠入体,从而导致元力全失,至此他失去了所有光彩,族人的陷害让他认识了师尊,在一个分身的教导下,少年披荆斩棘,过五关斩六将,一步步成为真正的强者...... 为了家族命运,少年踏上了独自修炼的征程;为了亲人,他被迫选择了自己不爱的人;为了爱人,他忍受了无数年的自责。 从一个小小的战士,逐步成长为天元大陆至高无上的古神,而最终,为了整个天元大陆,他却付出了所有......
如何利用别人的网站模板 购买域名和空间后创建自己的网站 网络安全服务热线 网络安全活动 杜蕾斯 社交媒体营销案例 专题网站建设策划 建网站 互联网出口 网络安全 课程网站建设 网络信息安全演讲 网络安全对企业 感情纠纷的原因分析咨询【www.richdady.cn】 前世今生的奇妙经历【www.richdady.cn】 大龄剩女的情感生活如何改善?咨询【www.richdady.cn】 什么原因意外的前世案例【www.richdady.cn】 婴灵的形成原因咨询【www.richdady.cn】 与男友前世的记忆解析咨询【微:qq383550880 】√转ihbwel 孩子厌学的原因分析咨询【www.richdady.cn】√转ihbwel 与老公前世的因果关系【微:qq383550880 】√转ihbwel 如何缓解耳鸣症状威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 改善亲子关系的技巧咨询【www.richdady.cn】√转ihbwel 耳鸣的原因及治疗方法【www.richdady.cn】√转ihbwel 人际关系不好的心理调适【σσЗ8З55О88О√转ihbwel 学习成绩差【σσЗ8З55О88О√转ihbwel 大龄剩女的社交技巧【www.richdady.cn】√转ihbwel 冤亲债主干扰有哪些症状?【www.richdady.cn】√转ihbwel 升迁障碍的职场转型技巧有哪些?咨询【σσЗ8З55О88О√转ihbwel 脑部不清晰的咨询技巧咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 强迫症的咨询技巧【www.richdady.cn】√转ihbwel 公司破产的案例分享咨询【企鹅383550880】√转ihbwel 孩子不爱读书的阅读环境咨询【σσЗ8З55О88О√转ihbwel 营销型网站建设案例分析 金牌网络营销 网络安全密匙破解 营销邮件标题 网站目标 上海专业做网站公司电话 营销的名词 任丘网站优化微信网络营销成功案例 专业做网站 玉树网站建设 淘宝客网站建站 信息安全培训深圳 公司网站的制作公司 信息安全txt 信息安全服务新架构 商城网站建设 运营商信息安全现状 全网营销思路 互联网出口 网络安全 专业做网站 网站建设常规自适应 网络营销环境的变化 信息安全相关设计 小米海外代理营销模式 推荐武汉手机网站设计 成都公司网站设计 网站制作 杭州公司 qq营销网 网站被k 网络安全衡量标准 梧州网站设计 网站设计公司无锡 吕梁网络营销师国家建立网络安全监测预警和 网络信息安全特点有 注册信息安全员 考试 成都公司网站设计 网站站制做 做个简单网站大概多少钱 成都网络营销市场调研 营销型网站建设案例分析 2014年第二届信息与网络安全国际会议 商城网站建设 网络营销环境的变化 金牌网络营销 陕西省网络安全网 推荐武汉手机网站设计 如何用网络营销的方法有哪些 《信息安全服务资质》安全工程一级 信息安全工程师培训 考试 农产品的软文营销 网络安全主要涉及信息存储安全信息传输安全网络安全度量的维度 网络安全 统计 政府网络安全事件通报 政府网络安全事件通报 梧州网站设计 网站目标 网络信息安全课程报告 网站建设策划书ol 能源运营平台信息安全 网站图片大小 网络安全服务热线 上海高端网站设计公司 互联网出口 网络安全 营销的名词 广西网信信息安全等级保护测评有限公司 网络安全入门与提高:木马技术揭秘与防御 公安部网络和信息安全处 网络安全主要涉及信息存储安全信息传输安全网络安全度量的维度 网络安全 专业 网络营销可以分为 如何利用别人的网站模板 购买域名和空间后创建自己的网站 上海专业做网站公司电话 互联网产品营销 苏州高端网站设计 网络安全设备厂商 玉树网站建设 网络对营销组合的影响 管理有限公司网站设计 信息安全需要关注网站 杜蕾斯 社交媒体营销案例 搜索引擎营销过程包括 信息安全加固技术公司 信息安全培训深圳 中国无人驾驶网络安全 整形美容医院网络营销 整形美容医院网络营销 上海高端网站设计公司 建网站 哈尔滨网站建设市场 中山做网站的公司 广州域名企业网站建站哪家好 网络安全主要特征是什么 湖南信息网络安全协会 国家信息安全师 公安部 能源运营平台信息安全 网络营销是什么行业 任丘网站优化微信网络营销成功案例 网站设计公司网站 重庆网站开发公 网站设计风格 常州企业网站 常州企业网站 网络信息安全特点有 2014年信息安全标准委员会会议 网络营销是什么行业 吕梁网络营销师国家建立网络安全监测预警和 免费建手机网站 茂名市制作网站的公司 信息安全相关设计 营销邮件标题 制造业 信息安全 丰台手机网站设计 西安网站架设公司 专业做网站 信息安全需要关注网站 湖南信息网络安全协会 网站搭建h5是什么 课程网站建设 信息安全技术研究中心,-1 福田网站建设 qq营销网 等级保护和网络安全法 网站h1 网络安全纯粹是一个技术问题 淘宝客网站建站 网站建设策划书ol 微营销总结 营销方案中的价格策略 网络安全衡量标准 微信网站 信息安全审计计划 注册信息安全员 考试 成都网站设计公司 成都网站设计公司 福田网站建设