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
企业网络与信息安全网络安全科办公室信息安全的法规北京信息安全服务平台,-1qq免费建网站信息安全等级保护政策培训教程,-1网络营销主要做什么网络营销策略的缺点网站建设上市公司百度建网站全响应网站制作潍坊网站建设兼职前世今生,爱恨情仇,梦未醒是非黑白无常,缘起因果,善恶有报,别以为挣脱就能逃亡。灵魂摆渡,几经轮回,黑暗中无处躲藏模样,魂飞湮灭,换骨涅槃,让爱在灰烬里灿烂重生。是千军万马驰骋疆场,是游离龙宫星驰电掣······冥冥之中自有天意,穿越者何必天下无敌。人心正,自有天助。召唤师,万兽朝宗…… 战士等级:初级、中级、高级、青铜、黄铜、黑铁、白银、黄金、圣战士 法师等级:学徒、一级——六级、七级大魔法师、八级魔导师、九级圣魔导师 召唤兽法师:无等级区分 这是个修行琴棋书画就能够获得文气,修炼文道的世界。 在这里挥笔可化万千利剑,杀人无形,弹琴可化天地大道,镇压万世。 读书人口诛笔伐,可化唇枪舌剑,以画勾勒诸天万道。 秦尘心言出法随,才气化剑,笔化龙蛇,开口便是天地规则。 我携三千诗书,可练就无上文道,成就万古圣人。这是一个游戏技术迭代迅猛的时代。 从红白机到电脑,再到VR技术的问世,不过一代人的时光荏苒。 畸形的发展状态下,这个世界的游戏游戏产业忠于技术,而忽略内容起来。 大量VR游戏占领市场,却大都以模拟仿真为主! “《都市模拟器》《航海模拟器》《跑酷模拟器》,这都什么东西!” 资深游戏设计师云枫穿越而来,成了濒临破产的游戏工作室经营者。 “而且清一色的买断制游戏,免费游戏它不香吗?!” 觉醒了系统的云枫毅然开启了游戏具现。 《彩虹岛》《地下城勇士》《英雄联盟》《魔兽世界》...... “游戏,可不是只有vr一种!” “买断制游戏,也不该成为穷富人的分界线!” 携无尽经典游戏而来,云枫和一手创办的风云工作室将要搅动游戏界的风云! “您是来做慈善的吧?” 满怀敬畏的眼光中,新的浪潮席卷全球。 我叫楚枫。 我穿越了,竟然还成为了一只卡比兽! 正准备躺平,结果觉醒了大卡比兽系统 肚子饿了天降能量方块,嗑着磕着突破了 永久失眠换来了自律就能无限变强。 本来我以为自律就是坚持锻炼健身, 没想到触摸极限后,系统居然要我练武,还要横练! 越练越大只 大只,就是强。 “快来救我,我被困在相亲对象家的棺材里了!” 接到这个电话的吴邪和谢小花一脸懵逼。 现在小年轻都玩的这么花? 棺材? 还把自己困进去了? 而当他们根据地址赶来之后,却险些丧命于这看似普通的店铺当中! 最后找到了霍秀秀,却也没办法将其解救。 即便是暗中保护的小哥和吴三省也手足无措。 反而是差点被守护的扎纸人给一刀两断! 在这危急万分的时刻,阴风四起,一顶纸人抬轿停在了门口...... 多年以后。 霍秀秀注视着陌上少年:“扎纸匠、赶尸人、阴阳先生.....顾言,你到底还有多少身份啊?” 顾言腼腆的笑了笑,“方方面面都懂亿点吧!”s级惊悚世界降临,有大能者自称为神,恐怖的怪物被冠以神之使者身份。 人沦为社会最底层,一生只为侍奉神与其怪物,人即是劳动力,也成了食物。 无人敢反抗,因为他们的一举一动都被神所监视,如被圈养的牲畜。 人们被送到屠刀下,没有理由,只是神愿意挥动屠刀。 秦黑俯视着他创造的惊悚世界,看着高高在上的“神”,伸出一根手指一戳,压扁了这只相对强壮且耀武扬威的虫子。 “真恶心,下次一定要忍住,不要轻易用手,都怪它太肥了。” 从一名狱卒入赘仙宗。 陈浮生发现老丈人天天喝花酒,逛青楼。 妻子上官凤儿整日修行不见踪影。 作为赘婿百无聊赖,只能帮忙管理仙宗。 这一日,陈浮生依旧躺在摇椅上晒着太阳打着盹,上官凤儿的丫鬟问道: “姑爷,为何你年纪轻轻富可敌国?” “姑爷,为何这仙澜大陆这么多人都要给你面子?” “姑爷,为何感受不到你的灵压,却能反手打死元婴大佬?” “姑爷...为何...” 陈浮生翻了翻身子,懒洋洋道:“不就管理一个小宗门,有幽冥监狱那么难吗?” 小丫鬟听后缩了缩脖子。 幽冥监狱,那里关押的都是绝世大佬。 监狱最高九层! 咱仙宗掌教,在那里最多只能排在三层 入赘女婿如何受气难当,人生一路走向巅峰相传,有人看见奈何桥头,孟婆捧着碎碗哭泣;三生石上有流血的名字;忘川河畔的彼岸花不见了;河岸的亡魂都在回首,流着黑色的眼泪。 黄泉路上,诸多传闻,不知真假。而我,从墓中爬出,踏着黄泉路,追寻真相。 北海边,一双淡淡地脚印延伸到海底,不见始终;南极洲,一座人体冰塑流着血的双眸,仰望苍天;古镇里,一块巨石如棺,葬下谁的魂;有人说那一双脚印是一个神灵逃亡时留下的,有人说那座冰塑是坠落凡尘的天使,那块如棺的巨石,葬着满天神佛。 而我,从墓中开始,踏着神佛的尸骨,一路向魔而去。 汤圆签约作者洛炎 汤圆签约作品
哪家网站设计好 信息安全 相关单位 边界网络安全要求 h5网站搭建 网络安全技术学什么 哪家网站设计好 信息安全 管理需求 技术需求 大数据与信息安全ppt 病毒性营销的方案 信息化与网络安全 外灵干扰的案例分享咨询【www.richdady.cn】 前世今生的轮回转世咨询【www.richdady.cn】 大龄剩女的婚姻选择有哪些?【www.richdady.cn】 家宅磁场咨询【www.richdady.cn】 事业不顺的职场调整【www.richdady.cn】 去世的父亲的前世缘分【www.richdady.cn】√转ihbwel 通灵与心理学结合咨询【www.richdady.cn】√转ihbwel 前世缘份的故事有哪些经典案例?咨询【企鹅383550880】√转ihbwel 学习成绩差咨询【企鹅383550880】√转ihbwel 升迁障碍的心理调适咨询【微:qq383550880 】√转ihbwel 祖灵的存在形式【σσЗ8З55О88О√转ihbwel 公司破产的心理调适【企鹅383550880】√转ihbwel 不爱读书的前世记忆咨询【σσЗ8З55О88О√转ihbwel 失业的自我提升【企鹅383550880】√转ihbwel 如何了解自己的前世今生咨询【微:qq383550880 】√转ihbwel 存不住钱的咨询技巧【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 人际关系不好时的心理调适威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵的存在有哪些科学依据?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 精神不振的咨询技巧咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵的前世今生【微:qq383550880 】√转ihbwel 大数据与信息安全ppt 网络信息安全备案 网络营销推广渠道包括哪些方面 做网站设计所遇到的问题 江苏网站制作企业 苏州做网站 网络安全威胁报告2016 信息安全新法规 万维网站 互联网营销 国内 国外 网络营销战略的步骤 互联网保险 信息安全 网络安全威胁的分析 全响应网站制作 h5网站搭建 网络安全新常态 网络安全 黑客 网站搭建吧 最优的网站建设 网络信息安全好学吗 美团网营销内容 滑动网站 网络安全管理办公室 常见的信息安全问题,-1 美国信息安全 大学 网站搭建吧 网络安全防范的技术手段有哪些? 小网站建设大庆网站建设 南昌市建网站的公司 信息安全的公司 网络安全威胁报告2016 广东米酒营销 中山精品网站建设方案 问答营销的推广流程 交易营销的例子 信息安全集成资质证书 网站的优势 信息安全管理体系包括 淘宝自营销 服务好的网站建设 哈尔滨网站开发 数据信息安全 网络营销实战课程总结 2 电子邮件营销案例 西安网站托管 上海大 小企业网站制作 信息安全 相关单位 边界网络安全要求 动力网站 美团网营销内容 龙岗营销网站建设 信息安全技术 信息系统安全审计产品技术要求和测试评价方法 江苏网站设计公司 动力网站 珠海专业网站建设价格 合肥网站制作 万维网站 珠海专业网站建设价格 日常生活营销思维故事 淘宝自营销 网络安全技术学什么 网络安全威胁的分析 最强的网站建设电话 网络安全新常态 信息安全 管理需求 技术需求 做网络营销 网络安全新常态 网络营销推广渠道包括哪些方面 网络安全威胁报告2016 企业网络与信息安全 惠州网站建设 一般公司为网络安全设置怎样的防火墙设计方案 网络安全 黑客 网站通栏 合天网络安全实验室 网站制作行业 互联网保险 信息安全 全网营销优势 网络营销工具及方法有哪些内容云计算与网络安全视频教程 信息安全等级保护政策培训教程,-1 网络安全陪训 网站设计计划书 最优的网站建设 最好的营销 qq免费建网站 网络安全陪训 网络信息安全备案 网络安全法 保密法 病毒性营销的方案 全响应网站制作 网络信息安全好学吗 建立网站的方案 营销邮件费用教育网站设计案例 日常生活营销思维故事 手机网络安全证书过期 重庆好的网络营销公司 南阳营销策划 优帮云 网络安全产品厂商 网络信息安全备案 专业的外贸网站建设公司 网络营销策略的缺点 做网站设计所遇到的问题 企业网站制作 上海网站建设 苏州做网站 x网站免费 卫龙营销战略 信息安全新法规 网络营销对未来的前景分析 南昌市建网站的公司 互联网营销 国内 国外 什么网站流量高 美国信息安全 大学 互联网保险 信息安全 css 2017 网络安全 网络营销入门 全响应网站制作 网络安全威胁的分析 陈墨网络营销顾问 网络安全新常态 网络安全管理办公室 营销4p的优缺点 网站搭建吧 网络安全实验报告 服务好的网站建设 x网站免费 免飞网站 网站建设上市公司百度建网站 网络安全威胁报告2016 晋城做网站 大庆网站建设 网站设计 美国网络安全架构 互联网信息安全产品 网络营销主要做什么