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
网站建设方案设计心得网站栏目名2015汽车信息安全报信息安全风险评估指南 gb蓝海国际版网站建设互联网营销是干什么的营销型网站建设明细报网络安全信息共享机制营销问题信息安全等级保护方案院校,-1一朝穿越,成为朱元璋十七子。 赐封宁王,朱权有点皮。 朱元璋:朱家老十七,纨绔属第一! 直到洪武六十大寿…… 这一天,有人单骑斩叛将,纳哈出归降。 这一天,有人发粮赈灾民,百姓终活命。 这一天,天降祥瑞传国玺,大明得国正。 这一天,朱元璋册封朱权,无敌宁王! 高考结束了,摆烂但又不想接受这样的自己,阴差阳错回到两年前本书又名《我在三国强行拼团》《三国砍我,我一人砍三国》 刘云穿越到东汉,绑定附身了拼团系统,本想活命发育,偏偏黄巾起义,一个不小心还将刘备给秒杀了,不得已卷入三国时代。 刘云:“开团了,赶紧冲!来呀,砍我呀!这点兵马,砍我都不够,怎么当反派的?” 刘云:“来嘛,切磋切磋,是兄弟,就来砍我,砍一刀,一刀接一刀,完事请你喝酒。” 只见刘云一路横跳,到处强行找人拼团,势力越砍越大。 天子脖子架着刀:“刘云,你再不登基,我就砍自己了。” 这是一个讲述主角与各种存在于神话传说之中的鬼怪厮杀的故事。 这个世界存在着许多常人无法认知的禁忌,而禁忌其本身的存在便不允许他人接触,否则这些禁忌也终将撕开现世的帘幕,为世界带来灾难与痛苦,而除灵部队,是这样一支专门用于对抗禁忌的武装部队,他们会用尽一切办法,阻止这些禁忌染指这个世界。 而徐凌云便是被这份禁忌所波及的普通人之一,五年前,徐凌云最重要的青梅竹马因为卷入了一起没有记录的事件中而彻底变得杳无音讯。 而现在,五年之后,自己也被卷入了一次相似的事件之中,从此徐凌云便被迫进入了这个本不应踏足的领域之中。 “在得知真相之前,我会用尽一切办法在这个恐怖的世界里活下去!”  这是伪神黄昏,也是新神黎明,当新旧两派神祇还在不断明争暗斗之时,是否有人曾抬头望向那深邃黑暗的天空,那里,也许还有别的东西在默默注视着他们!   而当末日之战真正降临的这天到来,是否有人能逃过那不可名状的恐怖,又或是置之死地而后生,成为新的恐怖存在!   身为最后一个人类,名为余烬的少年将如何创造自己的传说故事,又将在这场即将笼罩整个蓝星的阴影中何去何从?  李长生一觉醒来,成为了大明王朝菜市口的一名刽子手!   偏逢八百年大明朝妖魔横行,乾坤巨变之时,他发现自己斩杀死刑犯,可以获得各种的奖励!   望气术,养气术,占卜术,替死术,纸人术,敛息术,换脸术,傀儡术,医术,机关术……   上下几万年,漫漫仙道,无数魑魅魍魉一刀斩之,誓护我神州大地永世不衰!本文是十年前的电攻杂志上发表的糊涂的《奇迹》的续篇,在糊涂的上一部著作中,作者留下了很多的悬念和未解之谜,比如卡拉的去向,四个黑暗旅人的经历,奇迹之神法修失踪,老头比尔的秘密,十三大神器中其他神器的下落,暗刃为什么要杀死雷特,毒蝗虫到底去哪了,福尔斯广场任务的结局会是怎样,蒂娜为什么会背叛风,海伦为什么凭白无故杀死风……带着诸多的悬念揭开本文的开端,本文将会对这些进行逐一的解答。 主角风,即将开始新的旅程,希望这本小说会给大家带来一个全新的感受,感谢大家对本文的关注。我是老中医,专治各种吹牛逼! 我武道超神,吊打一切不服气! 秦飞偶得神秘传承,拥有神眼,从此医术通天,武道超神,且看他逆天崛起,笑傲人生。隐藏了六年的真像。秦缘穿越到全民模拟人生的世界: 如果改变人生轨迹打破人生限制,可以成为人上人;如若失败,只能当个寿命只有五十多岁的下等人,终生贫苦。 毕业典礼:觉醒贤者。 贤者模式:可以推演一切。 模式时能力越强,推演越详细,成功率越高。 一世:【重生末世,觉醒超级异能,二十岁基因变异死了。】 “贤者模式开启,推演抑制基因变异的方法。 【你攻克基因突变,成为世界主宰,拯救人类开创修仙科技时代,寿终正寝。】 【模拟结束:贤者模式增强一倍、你获得三滴龙血、你获得灵米提供资格、你获得一次模拟机会、你获得......】 某世:【18岁的你,被女帝逼婚,虐待致死。】 “贤者模式开启,推演征服女帝方法。” 【女帝唱征服,获得最高评价。奖励:阴阳锻体决、获得….】 同届新人,纷纷成为普通人,苟延残喘。 此时:异族入侵基地时。 秦缘站出来,扮演异能强者,持仙法只手遮天。 这天: 异世入侵主世界。 秦缘仅仅一句话,万族臣服。 “怎么?征服不够,想被灭世?”
网络营销环境应对对策 深化网络安全思考讨论 信息安全风险评估指南 gb 网站icp备案 网络安全监管系统 电商营销课程培训 网络安全信息共享机制 手机微信的网站案例 高校网络安全方案 网站设计理念 升迁障碍的职场规划如何制定?【www.richdady.cn】 公司破产【www.richdady.cn】 头脑混沌的环境影响咨询【www.richdady.cn】 性压抑【www.richdady.cn】 如何解决感情纠纷?【www.richdady.cn】 亲子关系的家庭氛围咨询【企鹅383550880】√转ihbwel 意外事故的应急处理方法咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 干扰的预防与化解【企鹅383550880】√转ihbwel 大龄剩女的咨询技巧咨询【微:qq383550880 】√转ihbwel 莫名其妙感伤的心理调适威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 纠纷的预防措施威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子厌学的环境影响咨询【企鹅383550880】√转ihbwel 前世今生的轮回真的存在吗?咨询【www.richdady.cn】√转ihbwel 事业不顺的职业规划如何制定?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婚姻生活不顺的沟通技巧咨询【σσЗ8З55О88О√转ihbwel 婚姻生活不顺的解决方法咨询【企鹅383550880】√转ihbwel 升迁障碍的职场转型技巧有哪些?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 精神不振的解决方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 外灵干扰的环境影响威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 小企业破产的主要原因【www.richdady.cn】√转ihbwel 网络安全法 评估 外企应对 信息安全 如何做好微信群营销方案 潮州网站建设 2014第十五届中国信息安全大会 营销发展趋势 微营销百度百科 南宁市做网站的公司 网络安全敏感的国家有哪些 国外网站设计 互联网营销是干什么的 营销问题 高校网络安全方案 什么是电子营销渠道 信息安全导致的损失 专业信息安全服务资质咨询,-1 二A信息安全院校排名 武汉网站制作 app开发 杭州网站推广 网站编程 微营销百度百科 成都网络安全公司 宝鸡做网站 建网站软件 网站建设方案设计心得 单位网站建设 东营设计网站建设 信息安全综合管理系统 edm电邮营销平台 网络营销文案事例 营销发展趋势 河北信息安全测评中心 汕头 网站 网站移动端 武汉做网站公司 手机在线建网站基于互联网环境与技术建立起来的数据库系统在网络营销中的案例 网站移动端 上海平台网站建设公司排名 辽宁信息安全测评中心 营销学视频 网站编程 2014第十五届中国信息安全大会 最新的网络安全产品 电商营销课程培训 笔记本上有趋势科技网络安全专家还可以安装其他杀毒软件吗 中国民航大学信息安全测评中心 网站的层次 临汾网站建设 外贸网站建设公司方案 网站设计形式 好的数据库网站 张掖网站建设 网络营销意识不强 潮州网站建设 信息安全服务包括 网络营销免费自学网 营销步骤 营销电商 2013年互联网网络安全态势综述 营销步骤 网站设计形式 青岛网站推 网站icp备案 网络营销文案事例 武汉网站制作 app开发 如何做好微信群营销方案 企业网站系统 免费网络安全培训 三只松鼠营销的缺点 建个网站 营销公司 上海 计算机信息安全病毒,-1 2017网络安全大赛 安徽省 信息安全协会 网站组成 2016网络安全座谈 什么是电子营销渠道 外企应对 信息安全 如何做好微信群营销方案 网络安全公司采购 杭州网络科技网站 宝鸡做网站 专业的外贸网站建设 网站的层次 成都网络营销整体外包 北京微博营销服务商 电子商务网络营销 专业的外贸网站建设 网络营销学科论文 辽宁信息安全测评中心 二A信息安全院校排名 网络营销学科论文 网络安全审计联通 网络安全信息共享机制 南昌网站定制开发公司 网站设计尺寸大小 潮州网站建设 有关网络安全的视频潍坊市网站制作 网络营销实训课 衡阳网站优化 信息安全导致的损失 富阳网站建设怎样 手机网络安全内容 网络营销环境应对对策 腾讯信息安全实验室 网络安全监管系统 青岛网站推 呼叫中心信息安全规范 蓝海国际版网站建设 微网站开发平台案例 教育行业网站建设 it系统开发新技术展示探讨系列课程it信息安全课程 常德网站优化 北海做网站 秦淮网络营销系统 西安营销型网站 信息安全培训试题,-1 互联网营销和传统营销 网络营销计划 案例分析 秦淮网络营销系统 邢台建一个网站多少钱 营销公司 上海 信息安全测评机构的资质认定 邢台建一个网站多少钱 高校网络安全方案 专业信息安全服务资质咨询,-1 手机微信的网站案例 网络安全审计联通 免费网络安全培训 南通企业网站制作 建网站软件 长春做网站电话 营销电商 南宁市做网站的公司 大学生公众号 营销