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
公司网站设温州网站推广网络安全产品检测报告sem整合营销机构无锡优化营销酒店网络安全佛山h5网站公司网络安全法敏感字网络安全会议2017地址个人怎么做病毒营销方案抬手掌御星河 弹指寂灭时空 茫茫混沌中一盏青灯点亮了岁月 是希望之光,还是洪流下的火花? “吼吼吼……!”一声愤怒的咆哮响彻苍茫世界 当时间逆乱,秩序毁灭又是谁的手在无情挥舞… 浩瀚宇宙的起源,万古岁月的崩塌 无尽鸿蒙中的一道身影,苍穹之上,漫漫星河,是开始,还是结束?一代绝世天才意外死亡,魂穿地球,凭独门功法,纵横都市……“我本无名,只能叫无名了。在我心中,若失去冒险精神就失去了人生意义,那种热血沸腾的感觉真是让我欲罢不能!” 神秘少年获得与所在世界格格不入的力量,由于好奇心的驱使让他四处冒险,奇遇连连,随着身体与武器接连产生异变,他那恐怖的身份以及武器的归属渐渐有了答案……诸天混战,万界陨落,在大战过后,一切生灵都被不动山所带走,唯独他被留了下来,当他再次醒来的时候,眼前只有屹立不倒的不动山。 “如若这山不肯收我,那我便毁了这座山!” “如果这片天地注定要将我一个人留下,那我便用手中的剑来斩天问地!” 大道再也承受不住他的威能,在无尽漫长的孤寂岁月里,他凭一人之力重启整个世界,茫茫苍天我自归来,以大道之名,以万界为引,巅峰已不再是我的目标,突破极致,君临万道,我亦是极道帝师!高阳原本是个蓝星的雇佣兵,在一次执行任务中来到了金庸武侠世界--神雕。 在神雕世界中获得武林中人梦寐以求的武林秘籍,左手六脉神剑、右手降龙十八掌,年纪轻轻就达到别人一辈子的成就, 一个小小的蝴蝶能带动多大的效应?神雕世界因为高阳的到来又会有什么样的变化?神雕中的爱恨情况是否因为高阳的到来而改变? 让我们走进神雕世界,看高阳如何在江湖中翻云覆雨~~~~~ 各位书友要是觉得《神雕之我是大魔王》还不错的话请不要忘记向您的朋友推荐哦一觉醒来,平平无奇高中生池铭来到以御兽为主流的平行世界。在这里,猛兽、仙灵、巨龙、精灵、死灵......各种千奇百怪的生物掌握超凡之力曾经一度统治整个世界,而他,将成为唯一能够彻底征服(暴打)它们的御兽师!全世界乃至全宇宙最强的男人! 当千年前入侵蓝星的天外势力再度复苏,数以万计的图腾级生物掀起灭世之战,而挡在它们身前的竟然只有一个人! 池铭抬起头,睥睨百里之外的狂兽之潮,淡淡道:“抱歉了各位,此路禁止通行,要说为什么,因为我强!” 抬手之间,巨大的契约召唤阵中浮现出一道道宛若神魔般的恐怖身影。“小蓝,干他!” 宠兽等级:觉醒,超凡,统领,君王,霸主,图腾,神话郭卫穿越了,成为了一品大将军的儿子,但没想到开局就因为老爹造反被砍头。 但没想到他又竟然复活了,还陷入一个几乎必死了循环之中, 郭卫好不容易脱离循环,却发现自己还要收拾便宜老爹留下的烂摊子。 不得已郭卫造出许多了玩意,补贴家用。关问天奉老仙之命独闯锦城,老仙交给他一个光荣而艰巨的任务,要他两年之内娶到锦城黄、白、蓝、红四大家族家主之一女儿。 一年后,关问天傻眼了,四大家主同时上门提亲…“当今的皇帝听说是个女子呢。” “嗯,怎么了?” “没什么。” “世界之大无奇不有,你不要小瞧我们女子哦!” “希望有一天,我也能受命于天,既寿永昌...” “那...祝你好运......”何为末世?丧尸?魔怪?虫族?不!唯有当人类所恐惧的,所崇拜的,甚至是所幻想的一切都成为现实之时,才是人类真正的末日!灵气回涌,信仰重铸,这是神佛妖魔的饕餮盛宴,也是人类有史以来的最大浩劫!丧尸,异形,贞子,怪形,妖精鬼怪,神魔仙佛,这一切的一切,都将降临于世!这是真正的末日,这是末世……神魔纪元!——————这是不冷的第四本书,已完本三本共1500W字小说,无太监,人品保证,新书期急求支持!加更规则:打赏满100加更一章,鲜花满1000加更一章,加更的章节会在上架后爆发!
陈肇雄 网络安全 广州专业网站设计企业 个人怎么做病毒营销方案 青岛高端网站开发 浙江省信息安全协会 房产中介网站建设 网站建设评判 对企业信息安全的建议 安恒信息安全 网络安全法 肉鸡 如何判断自己是否被冤亲债主干扰?咨询【www.richdady.cn】 老公家暴的咨询技巧【www.richdady.cn】 什么原因意外的前世案例咨询【www.richdady.cn】 学习成绩差的前世因果【www.richdady.cn】 婴灵的安抚有哪些技巧?【www.richdady.cn】 干扰咨询【σσЗ8З55О88О√转ihbwel 前世缘份如何影响事业发展?咨询【企鹅383550880】√转ihbwel 精神不振的前世记忆咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 如何知道自己是否有前世缘份?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 升迁障碍的职场突破【微:qq383550880 】√转ihbwel 前世今生的故事有哪些经典案例?【微:qq383550880 】√转ihbwel 内心恐惧胆怯的解决方法【微:qq383550880 】√转ihbwel 婴灵的超度与慈悲心【σσЗ8З55О88О√转ihbwel 外灵干扰的前世故事【www.richdady.cn】√转ihbwel 事业不顺的职场调整威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 事业不顺的原因有哪些?【www.richdady.cn】√转ihbwel 去世的父亲的去向解析咨询【微:qq383550880 】√转ihbwel 去世的母亲在哪咨询【σσЗ8З55О88О√转ihbwel 迟缓儿的咨询技巧咨询【σσЗ8З55О88О√转ihbwel 孩子厌学的自我提升【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 实现微信微博微官网聚合营销一体化的移动互联电子商务解决方案 房产中介网站建设 公司网络安全分析报告 网络安全服务保障方案 手机网站设计机构 信息安全新媒体 章丘做网站 工信部网络安全局 群发营销 网络安全监测与大数据的 饥饿营销是经济现象吗 沧州网站推广 公司网站设 外国黄网站色网址 信息安全局 常州网站设计制作 河北省网络安全协会 网络安全产品检测报告 信息安全官 房产中介网站建设 川大信息安全考研 网上超市的网络营销 手机网站建设哪个 网站的描述 百度竞价账户中网站被关掉了现在如何将这个词转换到另一个网站账户中 网站建设评判 微博营销的形式 网站建设评判 关于信息安全的 国标 商城网站建设新闻 手机网络安全软件 暗月信息安全论坛 大市场营销组合构成6P 营销公誉 个人怎么做病毒营销方案 山东大学网络信息安全研究所 饥饿营销是经济现象吗 手机网络安全软件 佛山h5网站公司 手机网站设计机构 网站建设制作 南京公司哪家好 外国黄网站色网址 网络安全服务标准 网站建设制作 南京公司哪家好 青岛哪里可以建网站 网络安全控制按照问题的严重性依次可采取 网络安全法 肉鸡 聊城集团网站建设 网站的描述 网站构建器 群发营销 深圳信息安全服务公司,-1电商网站有哪些类型 2017信息安全对抗大赛 石家庄移动端网站建设 信息安全局 营销是什么意思 北京邮电大学 信息安全中心国内外的网络营销理论 安徽省信息安全 网站优化案例 朝鲜 网络安全 网站空间购买 网站建设营销的技巧 青岛高端网站开发 三星网络营销策划书 网络安全法敏感字 信息安全专利 网络安全对抗实训及操作仿真平台 长沙网站优化 聊城网站建设 网站设计公司长沙 章丘做网站 网络安全对抗实训及操作仿真平台 商业网站模板 医疗网站建设案例 网络市场营销方式 商业网站模板 信息安全专利 温州网站推广 信息安全事件等级制度 青岛哪里可以建网站 网站注册 运城做网站 营销策划相关的视频 网络安全服务保障方案 重庆微信营销 网站制作公司排行榜e mail营销主题 实现微信微博微官网聚合营销一体化的移动互联电子商务解决方案 营销型网站建 email网络营销的现状 云南网站优化 网络安全基础答案 网络营销都做什么 太原网站开发哪家好 如何创网站 景区网络营销策划方案 网站注册 做网站多少钱 传统营销的营销目标 全球信息安全研发总部 对企业信息安全的建议 网络安全法对银行影响 营销策划相关的视频 建网站的详细步骤 信息安全原理截图 美国信息安全市场规模 信息安全局 南昌网站建设在哪里 公司网络安全分析报告 传统营销的营销目标 手机网络营销的案例 网络安全与经济发展 暗月信息安全论坛 网络营销定义 百度验证网站成都 网络安全 手机网站建设哪个 网站建设 杭州 合肥响应网站案例 信息安全新媒体 网络营销都做什么 网站建设营销的技巧 网站流量统计模板 沧州网站推广 工业控制系统信息安全产业联盟 济南软件优化网站 建网站要学什么 美国信息安全市场规模 山东大学网络信息安全研究所 太原网站开发哪家好 ●所谓网络安全漏洞是指 川大信息安全考研 小米的内容营销案例 搜索引擎营销理论基础 信息安全原理截图 手机网站建设哪个 网络安全监测与大数据的