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
秦皇岛网站建设深圳 网站定制网站利用百度离线地图邹城建网站深圳网络安全信息安全培训网站建设公司营销推广信息安全日学校网站网站建设国家互联网信息安全免费送网站微信大营销双十一营销一次失恋的机会,就获得在另一个世界的传奇历程,画地为国,为生存而去思考和策划,嗯,编不下去了,就这样梁凡穿越到被中洲国国丈废弃后扔到边疆的皇子身上,正赶上国丈买通马匪前来杀自己,危急时刻梁凡获得异宝地精之力,反杀马匪。 梁凡投入军中,一步步崛起,待回京欲要表明身份,夺回大权时,却生异变,身受重伤,被烈阳、烈一一父女二人救回极北狼族疗伤。 极北冰寒之地潜伏的狼魂,慢慢苏醒··· 莽莽戈壁滩上狼烟四起的凶兽战场··· 危机四伏的丛林,神秘的古巫族,奇闻中的东海修仙族··· 我本良善,奈何凶兽环伺左右! 准备好,凡爷来了! 让我毁灭这一切后才发现,原来是我误会了这一切,我该如何挽回这一切。又名:乌云下的岛 我的前半生虽未结束,但我却时时不在缅怀。我的前半生是孤独的,也是有光的。我是一个矛盾的人,是一个病人,我渴望着温暖与救赎,却也享受着时常出现的孤独寂寞。青春不是某一瞬间结束的,而是在无数个悲痛的日夜中渐渐不再那么光彩照人,它会随着时间隐没在我生命的某个角落,在记忆中留下印记,陪伴我一生。 一个三无男青年和都市靓女们的平凡爱情故事带着疲惫的身心和仿佛燃尽的灵魂,苍浩回到了家乡,成了地产公司的普通员工,却惊讶的发现上司是自己的青梅竹马……都市商场,杀机陡现,神秘敌人暗中潜伏,且看苍浩如何突出重围。这不是最美好的世界,但这是一部热血逆袭,用双手创造一个理想年代。 “这是只是一介凡人写下的故事。”说书人讲完最后一段,和满堂听众说着故事最后一句话。 “我觉得不是。”书堂最后的一排座位上,一名负剑少年反驳着。 普通版本简介:陆有恒在陪女朋友逛街加班途中,撞到一根诡异的电线杆上重生了。重回十年前大一入学之际,平平无奇(俊雅清逸)的陆有恒只想通过前世记忆经验,合理安逸轻松地做个普通人。 装逼版本简介:数学分析习题中神秘遁去的“三”,开启了陆有恒的玄妙装逼之路,“鸿蒙剖破玄黄景,又在人间治五行。度得轩辕升白昼,函关施法道常明”的太上道祖,与陆有恒究竟有何关联? “我下辈子会杀了你。” 一个年轻人坚定地发誓。 “我很期待。” 这个年轻人的心随着世界被撕裂了。 他已经活了20,000多年了。 他厌倦了追求隐藏的课程和隐藏的文物。 他厌倦了一切。 他甚至厌倦了死在恶魔领主的手中。 但是,康尹秀已经第999次退步了。 杀或死。 掌握所有课程的人的第1000个生命已经开始。穿越了,发现这个世界好像没有玄幻小说,峰峰便美滋滋的写了一本,正等着发家致富走上人生巅峰呢。 结果…… 第二天醒来,峰峰震惊的发现妹妹要杀他,全世界的人都要杀他,他……被通缉了。 “狗作者必须死!” “宰了狗作者,誓死捍卫日常,去他良的灵气复苏!” “劳资二十年前好不容易粉碎诸天,你又想来一次? ” …… 总之,这是一个击碎幻想回归后的世界,一群真正寂灭过诸天的大佬,还有他们的欢乐日常陆霆风睁开眼睛发现自己正身处于几乎被丧尸占领的世界,老师,学生,环卫工人,快递小哥等等全部变成了浑身脓包,面容枯槁且吃人的行尸走肉。 人类文明百年铸就的钢铁森林一点点腐朽,大地被鲜血染成了绯红色,滔天山火,汹涌洪流,大雪灾,酸雨······当货币金钱和权力失去了诱人的颜色,那贪婪与自私便成了幸存者的代名词,末日里只有水与食物才是硬货币,所有人都在祷告这场灾难早早结束,可这却不是一场游戏,没有人是最后的赢家。 活下去! 不要被其他人吃掉! 陆霆风唯一的信念就是找到弟弟陆雷云,并想方设法从满是丧尸的东川市逃到几千里外的【人类幸存者要塞】,他会成功吗?
厦门网站制作 信息安全等级保护政策培训教程,-1 网络信息安全投诉 如何实现网络安全 网站虚拟主机 网络信息安全是智慧城市的基石 租车 网络营销方案 简述邮件营销的优点 营销危机 信息安全国际认证 有官司的法律援助【www.richdady.cn】 婚姻生活不顺的沟通技巧咨询【www.richdady.cn】 意外的前世解析【www.richdady.cn】 什么是婴灵?咨询【www.richdady.cn】 学习成绩差的原因分析【www.richdady.cn】 孩子压力大的心理调适咨询【企鹅383550880】√转ihbwel 如何识别外灵干扰的症状咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 老公家暴的法律咨询【微:qq383550880 】√转ihbwel 如何改善财运不佳的情况?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 感情纠纷的前世因果咨询【企鹅383550880】√转ihbwel 与公婆前世的前世解析【微:qq383550880 】√转ihbwel 灵魂化解的具体步骤咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 财运不佳的财富规划如何制定?【企鹅383550880】√转ihbwel 前世今生的轮回有哪些真实经历?【σσЗ8З55О88О√转ihbwel 去世的母亲的前世修行咨询【企鹅383550880】√转ihbwel 去世的母亲的影响分析咨询【微:qq383550880 】√转ihbwel 与老公前世【企鹅383550880】√转ihbwel 迟缓儿的自我提升咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 事业不顺的职场困境咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 大龄剩女的案例分享咨询【www.richdady.cn】√转ihbwel 成都网站建制作 网络营销考试案例分析题 管理营销网 无线网络安全现状分析 网络营销 (第5版) 昌平手机网站建设 关于用户信息安全 深圳 网站定制网站利用百度离线地图 苏州手机网站建设 搜索引擎营销创意分析报告 信息安全等级保护 国标2015年6月 网络安全法 网络安全与大数据 国家互联网信息安全 病毒式营销消极方面 网站模块 中国信息安全等级测评网 宁波网络营销 网站建设公司营销推广信息安全日 邯郸做网站 厦门网站制作 国家互联网信息安全 济南网站忧化 信息安全密码设置要求 2014年信息安全大事件 成都网站建制作 5设计网站 信息安全服务资质安全工程一级 供应链 信息安全的定义,-1 信息安全部讲师,-1 网站虚拟主机 网络营销 (第5版) 网站建设公司顺义 信息安全 标准讲解 蓝色的网站 上海交大网络安全教程 优酷 中山网站建设 学校网站网站建设 深圳专业医疗网站建设 连网站建设 网络营销公司干嘛的 成都网站建制作 成立一个做网站的公司成本 2017年信息安全竞赛 青岛信息安全保密大会 网络营销考试案例分析题 免费送网站 网络安全与大数据 深圳网站开发 管理营销网 中国黑白it信息安全 石家庄做网站的公司有哪些 邢台网站制作市场h5营销分析是什么意思 网站如何上传 邯郸做网站 网络营销公司干嘛的 外贸网站响应式 深圳网站开发 烟台网站制作 互企业信息安全管理策略 国家信息安全管理机构 昌平手机网站建设 怎么建设网站 网络安全法的主管部门 营销型网站建设页面 2017 英文网络营销 互企业信息安全管理策略 朝阳网站建设 网站建设的企业 信息安全服务项目 网络安全百度网盘 邢台网站制作公司哪家专业 数据信息安全审计 机关网络安全视频 信息安全技术实验报告 奥门网站建设 2017国家网络安全大会 常州手机网站建设 5设计网站 如何实现网络安全 网络安全与我们的关系 信息安全服务资质安全工程一级 电商营销策略案例分析 武威网站建设 伍佰亿书画网网站 it网络安全 网络安全与大数据 襄樊做网站 什么是搜索引擎营销 微网站无锡 国家互联网信息安全 信息安全控制 网络安全大赛致辞 公司ad域名和公司网站名相同内部电脑无法访问公司网站 长沙网站推 信息安全服务资质用于哪些项目 苏州市信息安全等级保护网 衡水企业网站制作报价 2017 英文网络营销 无线网络安全现状分析 禅城区做网站策划 搜索引擎营销创意分析报告 租车 网络营销方案 销售网站 成都社会化营销公司 网络信息安全是智慧城市的基石 深圳网络安全信息安全培训 厦门商场网站建设 系统信息安全要求有哪些 青岛设计网站的公司 jsp网站地图生成器 网络信息安全监管网络信息安全案件 跟信息安全相关的 秦皇岛网站建设 厦门商场网站建设 模板板网站 网站改版公司 网络营销公司干嘛的 2016年网络安全现状 长沙网站推 郑州网站制作公司 网络安全渗透测试流 化工公司营销推广方案 营销型单页面网站 美国信息安全战略 信息安全和管理中心 网页区设计网站诊断 信息安全等级保护政策培训教程,-1 上海交大网络安全教程 优酷 手机网站制作机构 学习建网站 网站系统建站 青岛设计网站的公司 2014中国网络安全攻防大赛 vpn基础知识详解 三种vpn模式分析-网络安全7 厦门网站制作