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
信息安全日国家网络安全中心发布百科词条营销上海网络安全检测公司计算机信息安全技术分为两个层次个人上网确保网络安全营销公司竞争分析报告专线可以做网站长沙网站设计报价网络安全时代星运大陆,一个修习星能量求道成仙的世界。天地混沌,世界突现神秘空间,共有九重。来自第九空间的神秘力量,困住众神,颠覆世界。魔兽横行。 一个流浪子,从此走上了,修习星能量,拯救众神,使世界重新恢复和平的道路。 林明穿越到危机四伏的玄幻世界,开局就被成为苦力,惨遭007折磨。   就在林明以为要当一辈子牛马的时候,激活了人生模拟器。   只需要消耗灵石就能够开启模拟。   【第一日:你学习陈胜吴广,一句王侯将相另有种乎震撼众囚,囚犯们热泪盈眶直呼你为天人转世。】   【第二日:你的话在囚犯群体中传播开,你的地位直线上升。】   【第五日:你晚上睡觉的时候,突然有黑衣人闯进来把你带走,你自知实力不够无法反抗。   好在对方没有恶意,你们细细攀谈对方对于你的想法大为震惊,表示还会来找你的。】   【第六日:黑衣人果然来找你,你们相谈甚欢。   你接着这个机会寻问修行之法,对方随手给了你一本没有封面的功法,并且指导你修行。】   【第九日:有人指导加上你没日没夜的练习,你终于有了气感。】   【第二十日:你成功突破进入到炼气期成为一名修士!】法师们目空一切,贵族们高高在上,大商会只手遮天;在这人吃人的世界里,我看到了深渊的触角,文明的退化,和微弱的希望。"三阴绝脉"者,史书所载;凡患此症者非但终生不能修武,并且几乎无一人能侥幸活过十三岁。命运关上所有的幸运之门,却开了一扇窗,令其在绝境中峰回路转,当其踏着尸山血海攀上巅峰之时,骇然发现一个惊天之秘。暮然回首,惊觉自己脚下的这片世界幌若恒河之沙粒,渺若微尘。何去何从……姜凌天身处娘胎中,听到自己被人扰乱天命,出生会是个没长相,没资质的路人时,激活了无限修改系统! 系统只有一个功能,修改! 体质废柴?修改!叮!获得万古道体! 气运超垃圾?修改!叮!获得诸天万界永生庇护! 功法等级太低了,修改!叮!获得太上混沌道经! 颜值不行?修改!于是,世上多了一位亘古难遇,万古第一的帅哥……  穿越九州世界,成为秦皇嬴政的十六公子——赢长歌。 这里更是汇聚了九州历史所有朝代,武林世家。   赢长歌自幼无所事事、贪图享乐,更是自己开了一个风月酒楼。   这也成为咸阳城津津乐道的‘美谈’。   岂料天道呈现,金榜公布!   嬴政:“寡人大秦横扫六国,一统天下,这榜单必然是我大秦第一!”   汉高祖:“朕大汉马踏匈奴,镇杀西域,天下舍我其谁!”   然而伴随着金榜公布……   嬴政大惊:“我儿长歌,有大帝之资!” 妖乱末世,巨兽屠城,万妖夜行,人间如狱。 神秘少年,半妖之身,踏上猎妖风云路,书写一代妖相传奇! 且看他,猎妖、除魔、斗巨鳖、擒天龙、佐明君、征天下、运筹帷幄、纵横捭阖、荡除妖兽、平定末世!主角无限强大,不管是在武力上还是智力上。主角永远是打不死的小强,即使他遭遇到在危险的境界,都会脱困,不管是因为什么奇遇啊还是他人解救。 何青穿越到天风大陆,开启金手指,竟然能探查人生剧本! 从此别叫我何青,请喊我龙傲天! 随意一看,我的婢女竟然是女帝之姿,还修炼什么? 开舔就完事了。 【姓名】:竺烟   【体质】:凤凰涅槃,浴火而生,女帝体质,号令众生   【命格】:天降大运   【人生剧本】:.....   【好感】:20   【近期经历】:..... 从此天风大陆多了一个左拥右抱,醉生梦死,羡煞旁人的...不知名大佬。一个14岁的少年被追杀遇见高人,从此踏入修行之路,开启无敌时代。一生坎坷磨难。逆世崛起
闵行做网站 成都 信息安全大会 酒店网络营销方法 成都 网站设计公司 网站评测的作用 网络安全 最高法 c 信息安全 个人信息安全的例子 信息安全计划 百科词条营销 心慌胸闷头晕的解决方法【www.richdady.cn】 心理咨询与灵性指导【www.richdady.cn】 长期失业对个人的影响咨询【www.richdady.cn】 前世缘份的案例分享【www.richdady.cn】 冤亲债主干扰的根源是什么?【www.richdady.cn】 家宅磁场的优化技巧咨询【微:qq383550880 】√转ihbwel 如何维护良好的家庭关系?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 如何应对突然失业的情况【微:qq383550880 】√转ihbwel 前世老婆的前世影响威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 学习成绩差的前世因果【www.richdady.cn】√转ihbwel 老公家暴的案例分享咨询【企鹅383550880】√转ihbwel 家庭关系的改运方法【微:qq383550880 】√转ihbwel 特殊学校的教学方法【企鹅383550880】√转ihbwel 升迁障碍的前世因果【σσЗ8З55О88О√转ihbwel 婴灵对家庭的影响【σσЗ8З55О88О√转ihbwel 婴灵的存在有哪些科学依据?【企鹅383550880】√转ihbwel 升迁障碍的职场转型技巧有哪些?咨询【企鹅383550880】√转ihbwel 精神不振的心理调适【微:qq383550880 】√转ihbwel 外灵干扰的前世故事【微:qq383550880 】√转ihbwel 前世今生的神秘故事【企鹅383550880】√转ihbwel 昆明做网站公司 信息安全三级等保备案 合肥做网站的价格 国内信息安全管理标准,-1 信息安全保障中心 手机网站设计 上海网络安全检测公司 国家互联网信息安全 南京 网站开发 网络营销科技公司 邢台网站建设服务商 重庆整合网络营销价格 网络安全 最高法 2017年最新网站设计风格 网络安全测评机构资质泊头建网站 国家网络安全中心发布 计算机信息安全技术分为两个层次 专线可以做网站 网络安全信息通报机制 南山建网站 北京网络营销网站 网络营销的历史起源 网络安全 最高法 深圳最好网络营销课程 湖南最有名的营销机构 国外网站模板 信息安全等级的分类 网站如何被百度收入 行业网络安全培训课程 深圳企业网站建设哪家好 电子商务网站策划书 网络营销的适用范围 公司网络安全经典事例 国际网络安全组织 c 信息安全 网络营销的历史起源 学网络安全技术到 南京营销型网站建设 中企动力技术支持网站 网络安全攻击 社区营销 网站响应式和非响应式 信息安全日 信息安全技术实验报告 网络营销和普通销售 网络安全行业前景2016 酒店网络营销方法 济南做网站公司 应用第六章中所讲的网络营销工具之一对该书进行网络营销推广 2014 信息安全会议 信息安全 演讲 信息安全热门研究方向,-1 网站如何被百度收入 应用第六章中所讲的网络营销工具之一对该书进行网络营销推广 元站点网络营销方法网络安全主要涉及信息存储安全信息传输安全网络应用安全等3个方面 武汉市大型的网站制作公司 医院呢网络安全解决方案 网络营销商 东营市报名系统网站设计公司 网络安全专家英文 滨州网站设计 手机网站设计 深圳最好网络营销课程 赤峰网站建设 网络营销实战课程建议 网络营销科技公司 信息安全的基本目标 化妆品网络营销 网络安全测评机构资质泊头建网站 网络营销与消费者行为 中国信息安全 事例 网络安全漏洞评估系统设计与开发 源码 在线营销型网站 信息安全保障中心 闵行做网站 信息网络安全大会 赤峰网站建设 企业网络安全拓扑图 网站显示百度地图 公司网络安全经典事例 信息管理信息安全 南京微信营销广告公司 2015网络安全事件调查报告 专业的网络营销公司哪家好杭州做网站套餐 中国移动 网络安全 信息管理信息安全 郑州网络安全审核 无线网络安全测试 网络信息安全投诉 郑州网络安全审核 aix 网络安全 中国信息安全 事例 互联网营销工具有哪些内容 东营市报名系统网站设计公司 关于营销的网站有哪些内容 个人网站欣赏 信息安全与对抗技术 专业网站优化制作公司 网络安全知识库 开县网站建设 网络安全谣言 信息安全网络攻防就业 国家互联网信息安全 信息安全等级的分类 网络安全专家英文 关于加强网络安全学科建设和人才培养的意见 网站评测的作用 国际网络安全立法情况 购买b2c网站 电商购物网站建设 一站式网络营销平台 东莞市做网站 三只松鼠营销推广经验 河北做网站哪家公司好 信息安全三级等保备案 沈阳建网站 信息安全风险评估涉及( )影响和脆弱性三者之间的可能性评估 国内信息安全管理标准,-1 中国网络安全企业排名 信息安全的基本目标 手机网站设计 中国互联网网络安全 南宁做网站 国家互联网信息安全 深圳网站建设营销策划 aix 网络安全 网络营销科技公司 云管端下一代网络安全架构 湖南最有名的营销机构 重庆整合网络营销价格 信息安全等级怎么划分,-1 三只松鼠营销推广经验 2017年最新网站设计风格 网络安全实训心得 开展网络安全工作