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
计算机网络安全培训、网站的方案网络安全前言b赣州网站建设关于营销的网站有哪些内容顺义广州网站建设温州网站设计番禺手机网站制作推广长春网站公司irs网络安全战略目标网站建设我们的优势这,这是传说中的齐天大圣孙悟空? 他让我过去,还要教授我无敌绝学? 还让我捅破天,大战天庭与佛界? 【无系统】【传统玄幻】【权谋争霸】【屠神以正天道】 我从血月之夜杀出,本想安稳度日,并无登天之志。 但奈何, 圣皇说:你活着就是原罪!就地伏诛! 仙人说:你活着就是原罪!请君以死赎罪! 古神说:你活着就是原罪!灭世大劫,因你而起! 既如此,我李不器便只能持刀向前,灭圣皇、斩仙人、屠尽诸天古神,还这世间一个朗朗乾坤!生活在茅县明月轩小区的业主,跟物业公司一直矛盾不停。业主几番轮换成立业委会,被物业公司从中作梗,迟迟成立不起来。陈平勇决定站出来成立业主委员会,没想到,从他牵头那一刻,认识了一帮稀奇古怪的热心业主,一起跟物业公司斗智斗勇……獬豸不想理你,并向你丢了一个奥利给命运多舛的少年,不谙世事的灵智,两者的结合在九州大陆掀起了阵阵腥风血雨。 在这里也许会看到华夏神话的延续,也许会看到超强的灵宝,也许会看到上古遗迹,也许会看到各种稀奇古怪的异兽,也许会看到魔之本相……主角:年休思 无CP 2044年,天降异象,天下大乱,六界融合,各个种族为了争夺生存资源而争斗不休。 人类在生存环境发生巨大变化的情况下,也产生了自我进化,人类之中的一小部分人有了神赐予的能力,被称为神赐。 神明居于天地之外,垂眸看天地干戈,慈悲怜悯终究只是幻想,大道至公,神明不会插手。 天地不仁,以万物为刍狗。 年休思是创世神,不只是人世间,还有天地万物。大道繁衍不休,天地的齿轮旋转,当年风流潇洒的创世神落入人间,经历多少轮回,来到了这个乱世。 终究是命中注定。 年休思生于斯长于斯,将自己在人世间的经历确认为自己的主体意识,偏向于人类,依赖于其自身的实力,最终使天地正位,六界分割,万物和谐,天下大同。 侠,以武犯禁。 魔,以欲乱世。 当一个力量与技巧都达到极致的存在出现在这个世界上时是怎样的体验? 这是一个杀戮机器逐渐成长为人的故事....修仙就是创业,牢牢控制术法技术壁垒,打造自己的修仙市场帝国,看清修仙市场趋势,利用一切能用资源,让你能白手起家,弹射起步。一年筑基,两年得丹,三年走上修仙巅峰!上头了没有,订阅!武则天:“李余,真是朕的好孙子,我大唐的骄傲!” 狄仁杰:“李余是我见过最完美的人!” 李白:“看了李余的诗,我忽然发现自己不会了。” 李隆基:“李余是个坏人!” 李余:“你们不用夸我,我只是一不小心就造了盛世而已,很普通的啦!”江湖风云出我辈,一入江湖岁月催,皇图霸业谈笑中,不胜人生一场醉。
营销网络的方式 国家网络安全小组成员 关键词网络营销 网络营销期刊有哪些 网络安全宣传要求 网站备案 建设企业网站平台主要的目的是 上海专业做网站排名 整合营销传播特点 柳市网站建设 性压抑的原因分析【www.richdady.cn】 耳鸣的咨询技巧咨询【www.richdady.cn】 与男友前世的因果关系咨询【www.richdady.cn】 失业【www.richdady.cn】 为什么过世的心理调适咨询【www.richdady.cn】 外灵干扰的前世因果【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 无形干扰对工作效率的影响【σσЗ8З55О88О√转ihbwel 心慌胸闷头晕的前世记忆咨询【σσЗ8З55О88О√转ihbwel 冤亲债主干扰【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 家庭关系的前世记忆【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 2. 通灵与灵性提升【企鹅383550880】√转ihbwel 阴间生活的前世影响咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 自闭症的环境影响咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 存不住钱的原因分析咨询【微:qq383550880 】√转ihbwel 大龄剩女的婚姻选择有哪些?【www.richdady.cn】√转ihbwel 大龄剩女的婚姻选择有哪些?咨询【微:qq383550880 】√转ihbwel 前世今生的修行案例咨询【微:qq383550880 】√转ihbwel 前世今生对现世的影响咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 家庭关系的沟通技巧咨询【微:qq383550880 】√转ihbwel 如何知道自己有前世缘份?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 事件营销缺点 西安高端网站制作公司 万网站 网站建设我们的优势 网站主色调 软件开发网络安全 莱芜网站优化 未来网络安全解决方案发展趋势如何创建网站 商城网站建设 如何选择番禺网站建设 网络安全一体化 中国网络安全管理部门 传统营销的时域性 东软网站建设 中山网站建设文化策划书 长春网站公司 福田网站建设 信息与'网络安全 珠海营销型网站建设 营销网络的方式 西乡建网站 营销型网站哪家好? 东软网站建设 网络空间是国家信息安全的核心数据,-1 网站主色调 关键信息基础设施网络安全检查 网络安全艺术字 长春给企业做网站的公司 珠海营销型网站建设 网站制作 广州 网站信息安全解决方案 网站设计模版 福田的网站建设公司 网站建设我们的优势 经典网站设计 计算机网络安全培训、 小型企业网站设计与制作 网站模版下载 营销型网站建设是什么意思 网络安全日第几届 建网站啦企业网络营销需求 网络安全工程师和黑客 irs网络安全战略目标 irs网络安全战略目标 关键词网络营销 网站的方案 中国信息安全认证 信息安全工作总体目标 昆明微网站搭建哪家好 微信营销有多少种方式 西安高端网站制作公司 佛山网站建设 视频营销推广软件 营销网络的方式 网络安全周工作 外贸网站推广方法 西电信息安全录取分 信息网络安全等级保护工作自检自查报告 网站信息安全解决方案 信息安全等级保护发布 上海专业做网站排名 温州网站设计番禺手机网站制作推广 传统营销的时域性 网络空间是国家信息安全的核心数据,-1 郑州网站建设定制开发 福田网站建设 中国网络安全管理部门 网络安全前言 h5营销策略 邮件营销的图片 软件开发网络安全 郑州网站建设定制开发 营销证 国家信息安全师 高级 口碑营销和网络营销 营销型网站优化 网络安全公司需要 郑州网站建设定制开发 信息安全技能大赛 网络安全工程师和黑客 网站导航营销的优势 贵州网站优化 上海专业做网站排名 长春网站公司 计算机网络安全培训、 问答营销方案 天津 网站设计公司 微信营销有多少种方式 网络营销模式发展 关键词网络营销 h5营销策略 网络营销行为有哪些特点是什么 python与网络安全 通信行业网络安全 长春给企业做网站的公司 信息安全研究院 网站主色调 b赣州网站建设 温州网站设计番禺手机网站制作推广 网络安全信息检查 网络视频营销 网站制作 广州 搭建微信网站 福田网站建设 网站推广方法 网络营销模式发展 网络营销公司多少 天津 网站设计公司 防火墙技术在网络安全中的实际应用 中国网络安全大会乌镇 h5营销策略 顺德网站建设原创 免费域名网站的 外贸网站推广方法 长春给企业做网站的公司 中国网络安全管理部门 irs网络安全战略目标 智能营销系统官网 佛山网站建设 营销形网站 自己弄个网站 微博网络营销案例 搭建微信网站 莱芜网站优化 西安高端网站制作公司 中小型企业网络安全 网站备案 中国信息安全认证 万网站 郑州网站建设定制开发 网络安全艺术字 信息安全专业和黑客邮件营销软件 网站信息安全解决方案 福田的网站建设公司 网站建设首页突出什么