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
网络安全员资格证书信息安全等保认证无线网络安全措施网络营销专业网络安全部东风日产软文营销案例高大上公司网站想弄个网站2017网络信息安全大会网络信息安全 考试系统六千年前,妖魔横行霸道,而在这个时刻,总有一个英雄会站出来,但是即便到了现在,总有怨念会化为妖魔鬼怪,而阻止这一切的人,便是赶尸人………呃,随便写写,练手专作鬼气复苏,恶鬼当道! 陈青穿越而来,继承了爷爷的家业。 哪曾想,爷爷说的家业竟然是一座地府。 被逼无奈,他只得一步步解封地府。 监察人间,代帝巡天。 华夏无神明,我以地府镇鬼神! “时辰一到,众鬼宵禁,若有作乱者,斩...” 擒红衣女鬼,镇三山五岳。 灭画皮女鬼,享万世香火。 收百世魔童,纵九霄雷霆。 拿黑山老妖,起万寿无疆。 “今日之后,重定秩序,活人为阳,死人归阴,若阴神不敬,吾代天诛!” 自此之后。 白天阳气鼎盛,人们安居乐业。 夜晚百鬼夜行,阴兵过境,万鬼来朝。 直到有一天,陈青杀鬼的画面被一位主播直播了…… 这个世界不安宁了.... 大道世界,天道法则之力,因为大道法则录这本功法的出现,导致许若尘被寒灵宗追杀,在他们打斗的过程中,许若尘决定把大道法则录丢下悬崖,最后选择与寒灵宗同归于尽。一个惊世绝学却蕴含着震惊三界的秘密,一个修炼倍感困难的神秘属性却意外的强大,不同职业的历练让陈洛心性成熟,修为高深,对揭开这神秘绝学背后的秘密创造了一丝本钱。 家庭的巨大变故,让陈落踏上了真正的修仙之路,从青灵学院到天书学府,让陈洛从一个落魄少爷变成独当一面的修真者。在风云大陆、传奇大陆和魔幻大陆之间辗转,他报血海深仇,收获宝器,解救母亲,种种经历,让陈落成为智慧与实力并存的强者。 无意间,他踏上了修仙世界的征途,在悬空大陆、荒域、魔域的闯荡,让他修为快速提升,成为解开惊天秘密,维护人间界和修仙界稳定的关键人物。 在陈洛无尽的漫漫征程中,总有两个绝色女子如影随形,陈洛没有承诺她们什么,她们却心甘情愿伴随陈洛左右,生死相依!叶峰穿越到特种兵世界,因为是关系户不受待见,被派去当垃圾新兵连队的连长! 仅用三个月时间,就将这垃圾连队打造成了堪比特种部队的特战连! 团长:让你随便练练这些新兵,特么你全给我练成特种兵了? 狼牙:到底谁才是特种部队啊? 范天雷:求求你带着你的兵全部加入我狼牙吧! 何晨光:这辈子我墙都不服,就服叶教官! 冷锋:我才不加入战狼,我要降级去叶峰的野战部队! 从铁拳团新兵连开始,叶峰打造一支又一支可怕的幽灵部队,名扬全军。 传奇,从此开始!牛头马面勾错魂,错把一名学霸带下了阴曹地府,最后将其送到明朝,他的明朝之旅就在这里开始.......... 一步错,步步错。从天界虐到人界,再从人界虐到地界,三界都虐完了! 被虐的粉身碎骨,体无完肤,正当万年太岁王润土想在浩淼大陆沉沦躺平的时候,女主从天而降,上去就是两个大嘴巴:躺平?不准躺平! 一让再让,一退再退,当退无可退之时,一场腥风血雨则无可避免!这是发生在α世界中的故事,其时间大概是朱雀历的第一百三十二年。 龙族监察军b组成员之一——罗伯特?列克罗夫?伊万诺维奇接受上级的命令,护送名为海莉安娜的诅咒之女,前往奥沙尼亚帝国的沙漠,寻找魔王夏波利利的遗体。在夏波利利的遗体中,潜藏着名为原初龙种的龙王碎片,其拥有的强大力量,足以引起任何外神窥视。为了避免引入外在神祇,需要把碎片给安眠之龙吃下。 此外,由于海莉安娜是夏波利利制造出来的灵魂容器,因此在只有她能定位魔王遗体的同时,也存在着让魔王复活的可能性。命令与征服,陪伴了指挥官们无数个岁月。其中的红色警戒系列对我的影响是所有RTS系列中最深的。那种充满幻想的战争使我被震撼。我从5岁开始就在读毫无故事的纯军事书籍,军事和RTS已经成为我灵魂上的烙印。后来,我开始阅读军事类书籍,这又不得不谈《国家意志》,那种硬核感、史诗感,无书能敌。不过即使热爱军事如我也感到过于硬核的战争不够浪漫,不够有趣,于是我想到了命征。如果没什么除了印巴战争那样足够宏大的战争可以大写特写了为什么不把眼光放向虚拟战争呢?所以我要创作一本足够宏大,足够震撼,同时兼具浪漫热血紧张刺激的小说。让我们走进第三次世界大战,走进英雄们的人生,走进另一个存在已久却尚未被文学充分挖掘潜力的世界。
石家庄网站设计网站维护 工信部 网络安全 处 知道创宇信息安全 烟台软件优化网站 国家信息安全一级资质 网站建立的优劣势 网络安全服务产品有哪些 网站酷站 中央 信息安全工作会议 网站管理公司 改善脑部不清晰的方法咨询【www.richdady.cn】 学习成绩差的心理调适【www.richdady.cn】 家宅磁场的检测工具咨询【www.richdady.cn】 冤亲债主的干扰影响咨询【www.richdady.cn】 婴灵的化解方法【www.richdady.cn】 事业不顺的心态如何调整?【σσЗ8З55О88О√转ihbwel 老公家暴的咨询技巧咨询【微:qq383550880 】√转ihbwel 失业威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 为什么过世的前世修行【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 老公家暴的应对方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 存不住钱的自我提升【σσЗ8З55О88О√转ihbwel 不爱读书的自我提升咨询【微:qq383550880 】√转ihbwel 去世的母亲的前世案例威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 解梦的前世因果【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 家庭关系的矛盾化解方法有哪些?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 家庭关系的和谐共建方法有哪些?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 性压抑咨询【σσЗ8З55О88О√转ihbwel 如何识别冤亲债主干扰【企鹅383550880】√转ihbwel 感情纠纷的案例分享【企鹅383550880】√转ihbwel 迟缓儿的自我提升【σσЗ8З55О88О√转ihbwel 网络营销系统 网络安全110 软件信息安全测评中心待遇,-1 3g手机网站 网络安全隔离交换技术 西安网站托管专业公司 特朗普发布网络安全法 佛山电商网站制作团队 部队网络安全大讨论 网络安全查询 想弄个网站 无锡网站推广 网络营销分析 ppt 支付宝营销活动案例 四川网络安全案例 网上营销 网络安全部 中国计算机信息安全,-1 网站备案幕布照规范 工业信息安全联盟,-1 潍坊网站建设公司电话 衡水做企业网站的公司 第三届全国信息安全等级保护技术大会 培训网络安全 全响应网站 自己造网站 无线网络安全措施 网络安全服务产品有哪些 加强信息安全的建议 运营型网站 长安手机网站建设 广东手机网站建设报价 深圳网站建站推广 外语网站建设 营销教程 东莞网站建设培训 互动营销案例 网络安全 日志分析 手机营销策划 网站免费搭建 北京网站设计公司 支付宝营销活动案例 信息安全和管理 网络安全员资格证书 个人工作信息安全 重庆网络营销推广公司 浙江华企做网站 信息安全特性 合肥 信息安全 信息安全加固方案 佛山外贸网站建设平台 信息安全风险评估的一般步骤 3g手机网站 网络安全宣传文章 盈利网站 富阳做网站 网络安全隔离交换技术 信息安全技术 服务器技术要求 慈溪网站设计 网络营销策划职位要求 西安网站托管专业公司 网络安全与信息间是 网络营销策划职位要求 网站呢建设 广东手机网站建设报价 茂名网站设计 软件注册信息安全吗 南桥做网站 手机网络安全会议2017 电脑版网站制作公司 中小企业互联网营销策略研究现状 乌兰察布网站建设 网站营运 网络安全 公司资质 无线网络安全措施 清华网络安全培训班 网络安全产品idc排名 软件信息安全测评中心待遇,-1 清华网络安全 网络安全 日志分析 南宁会制作网站的技术人员 梦想网络安全技术论坛 王连印中国信息安全,-1 google网站地图 网络安全服务产品有哪些 网络营销工具及其方法idc网络安全 设计网站考虑哪些因素 第三届全国信息安全等级保护技术大会 电脑版网站制作公司 深圳精准搜索营销 中央 信息安全工作会议 网站备案幕布照规范 响应式网站建设市场 营销培训讲师 苏州专业做网站 无锡网站推广 常州网站制作包括哪些中国信息安全保护 网络安全服务产品有哪些 网络营销公司 优帮云外链发原创文章那这原创文章是属于我网站原创还是外链网站原创? 国家信息安全测评认证 网络营销涉及哪些方面 移动微营销 酷炫给公司网站欣赏 信息安全等级保护第五级 哈尔滨营销型网站制作 清华网络安全 网络营销系统 网络营销的销售渠道 网络安全与技术 佛山外贸网站建设平台 东风日产软文营销案例 深圳市能士信息安全公司 前端营销 sem搜索引擎营销是什么 网络营销宝 西安网站托管专业公司 大学生 网络安全 高大上公司网站 信息安全面临哪些威胁 php的网站 移动微营销 自己造网站 深圳专业服务网络安全公司排名 中国网络安全年会 2016 b/s架构网络安全 深圳网站建站推广 烟台软件优化网站 工业信息安全联盟,-1 重庆网络营销推广公司 大学生 网络安全 南山网站建设公司 网络营销分析 ppt 网站建立的优劣势 网络营销策划职位要求 济南网站建设