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
朝阳企业网站建设方案网站开发合同最新网站建设语言信息安全服务资质安全工程类成都网站开发网站查外链上海网络安全检测公司排名网络安全工程师培训营销培训讲课互联网信息安全资质证书三国时期,主世界败亡的英雄和士兵,会在平行的世界中重生,虽然他们被称为异类不得踏上祖国土地,但他们义无反顾跟随主角把血红战旗插遍大地女主意外穿越时空,来到了西游世界,投胎成三界的救世主,并结识唐僧师徒四人。 凭借着资质和努力,她很快习得法术,脱胎换骨。在这里,她也相遇了很多伙伴,和取经团队一起行侠仗义,除暴安良,这是个不一样的西游故事,不一样的人物设定,全新的西游之旅在一块充满了灵气的土地上,一位少年开始新的传说修为散尽后重生于凡俗世界,然幸运的出生却没有幸运的人生,新婚妻子婚前被侮辱而自杀,自己中毒差点再次死亡,而这一切的一切不过是因他多年前救的一个女孩,记忆重临让他再次踏入修炼,誓以残废之躯再入天道之上。演唱会上,天后苏柒随机抽选了一位幸运观众,邀请与其一起合唱。 没想到,竟然点到了一个假粉丝! “那个,我能唱首原创吗?” 面对这种“冒犯”的要求,天后哭笑不得,但还是允许了。 没想到,这观众一开嗓,便是惊艳全场! “好家伙,来砸场子的?” …… 他就是写出《平凡之路》的顾城! 一个天才作家,网剧鼻祖,流行天王…… 还有,天后的老公!不懂世间爱恨情仇,只明白若是深爱那便心甘情愿为了她改变一切。路潇一位高中学渣,接近三年不学无术,只因苏梦依的一句话:“你若改变你的陋习,我就同意和你在一起。”至此全年倒第一最后考到全年级前十名!爱可以伟大也可以堕落,理性应用这份爱,收获无限......,【妹妹+武道、热血又轻松,御兽+魔法、弥补武道缺,修仙+科幻、精彩又好看,文学+自创、名言嘎嘎多…】 我有一口冥皇棺,可葬天、葬地、葬日月星辰、葬仙神魔圣、葬星空万族、葬宇宙八荒、葬无上大能、葬尽世间一切不公,为万世开太平。 社会不再不仁,学习已不是唯一的出路,灵气复苏,武道兴起、法道繁荣、修仙道法、异能者频繁出现、御兽者也在争其锋芒、不过这一切只是表面,灵气复苏导致地球星空坐标暴露,这么好的一个可利用资源,谁不想对其侵略? 不过,地球上的众人、众兽怎能容其侵略? 又名《猫来》《拳来》《法来》《爷来》《爸来》《星空入侵》《全球高武》《全球御兽》《全球修炼》《全球异能》《开局从爷爷手中接过传家宝》《星空入侵》《全球高武》《全球御兽》《全球修炼》《全球法师》《冥皇棺来》我叫张大勇,想不到我重生后竟获得了无敌的签到系统。 叮咚,恭喜宿主成功签到,获得神通:先天佛体。 叮咚,恭喜宿主成功签到,获得佛法:功德无量。 叮咚,恭喜宿主成功签到,获得掌法:如来神掌。 凭借无敌的签到系统,张大勇开启了签到成佛模式。距今约50年前,神秘陨石索莎降落于地球,使得这个世界上突然出现了被称为“魔法”的不可思议力量,因为魔法的出现,世界的格局也重新被改变……   少年雷昂从小在父母的指导下学习剑术和魔法,成为了一名高强的魔剑士,但是……他却是向众人隐瞒了自己的高超实力。  因为一次机缘巧合,雷昂和妹妹娜娜一起入读了月幽学园并结识了学园最强前辈雷沙、曾经的DEATH PARADISE十大杀手之一水镜、学园智将群云星羽、可爱的努力后辈枫,从此,雷昂开始与各种邪恶势力进行着斗智斗勇的战斗……同时,也知道了父母失踪的真相。重生信仰时代,随身空间,修炼,无敌,低调,商娱,农牧,宗门,家族,大中原社会主义。
台州做网站优化哪家好 手机网络安全证书过期 网络营销环境调查 网络安全措施媒体 建立网站的过程惠州网站建设公司 滑动网站 深圳品牌网站推广 网站推广网站 网站建设开源项目github 营销型网站建设 前世缘份的识别方法【www.richdady.cn】 意外的前世影响咨询【www.richdady.cn】 人际关系不好【www.richdady.cn】 特殊学校的教学方法咨询【www.richdady.cn】 前世今生的梦境解析咨询【www.richdady.cn】 婚姻生活不顺的咨询技巧【微:qq383550880 】√转ihbwel 家宅磁场的检测工具【微:qq383550880 】√转ihbwel 冤亲债主的干扰与化解【微:qq383550880 】√转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 儿子抑郁症的症状与诊断咨询【σσЗ8З55О88О√转ihbwel 孩子厌学的原因分析【企鹅383550880】√转ihbwel 感情纠纷的案例分享咨询【σσЗ8З55О88О√转ihbwel 迟缓儿的前世因果咨询【www.richdady.cn】√转ihbwel 信息安全等级保护企业 上海十大互联网营销 南昌网站设计 虚拟化网络安全技术 电子营销就业率 信息网络安全普及教育培训教程 网站用橙色 当前信息安全面临的威胁 大数据 网络信息安全 新建网站的缺点 西安专业网站建设 销售营销软件 关于网络安全的短句 超低价的郑州网站建设 新媒体营销有哪些 网络安全关注的问题 深圳信息安全测评中心,-1 潍坊市网站制作 网络营销与销售的区别 河南网络安全攻防大赛 整合营销包含哪些方面 金融网站建设报价方案 河南网络安全攻防大赛 网站推广网站 镇江网站建设价格 淄博那里有做网站的 网站风格 网络安全科办公室 网络安全竞赛xctf 企业信息安全内容 flash网站制作 28所 网络安全部 网站策划方法 如何建一个网站 信息安全&quot;中的&quot;信息&quot;是指,-1 锐捷网络安全产品分析报告 上海市网络安全周 蓝盾网络安全(二级)测评记录 最牛营销 商务网站的网络安全 网络e营销 网络安全之路 国家信息安全需要顶层设计 用网络语做营销讲话 网络安全ppt 下载 网站和h5 网络安全应对方案 做网站教程谈网络安全 聚美优品口碑营销 门户网站制作 网络与信息安全事件 上海市网络安全周 台州做网站优化哪家好 网络安全ppt 下载 信息安全&quot;中的&quot;信息&quot;是指,-1 深圳搜索引擎营销企业 哪种网络营销最赚钱 手机网络安全证书过期 深圳信息安全测评中心,-1 网站个性化定制服务 网络信息安全员培训 微信网站制作免费 如何建一个网站 中软吉大网络安全 网络安全之路 济南信息安全管理培训,-1 网络信息安全协议书 国内信息安全现状分析 h5制作企业网站有哪些优势 不属于网络营销内容 网络营销师 达内 郑州网站建设制作 承德网站制作 傻瓜式网络安全套装有哪些 网站查外链 俄罗斯 网络安全 营销组合的4p策略 朝阳企业网站建设方案 涿州做网站 信息安全威胁的分类 网络安全验证是什么 网络营销好学吗? 网络营销好学吗? h5制作企业网站有哪些优势 网络安全开发环境信阳网站优化 营销组合的4p策略 医疗行业网络安全现状分析 成都网站开发 网站更新了 单位信息安全 东莞深圳网站建设 移动设备 信息安全 长春专业网络营销公司排名 深圳市计算信息网络安全员 微信网站制作免费 公安 信息安全 网络安全犯罪处罚 营销培训讲课 最新网站建设语言 建站宝盒网站制作系统 v5.0退出保持登陆状态 帮助 预览 发布 滑动网站 整合营销包含哪些方面 南昌网站设计 南宁网站制作 企业信息安全内容 2017玩转网络营销 公司网站建立教程 信息网络安全普及教育培训教程 深圳信息安全测评中心,-1 网站推广网站 网络营销的政策 网络安全检测工具 深圳市计算信息网络安全员 河南网络安全攻防大赛 俄罗斯 网络安全 门户网站制作 网站开发与建设 信息安全检查 方案 中国e网网站建设 网站制作性价比哪家好 网络安全关注的问题 超低价的郑州网站建设 建立网站的过程惠州网站建设公司 山东省网络安全技能大赛 广告营销优缺点 地产平台网站模板 网站制作性价比哪家好 中科大信息安全实验室 信息安全专业学生需着重分析当前的信息安全面临的主要威胁及相应对策 当前信息安全面临的威胁 聚美优品口碑营销 公司网站建立教程 新媒体营销有哪些 什么叫引擎营销 中软吉大网络安全