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
网络事件营销优点isp认证 网络信息安全证书定制网站案例学校网站建设措施网络事件营销优点成都c3网络安全个人注册网站.com网站模板怎么用全球网络安全峰会山西信息安全网站伪静态因为不能修练,偏生还不愿做别人的舔狗,从小到大,他身边的同龄人都不喜欢他 母亲开着医馆将他从小拉扯到大,可突然有一天,他的母亲却消失了,他被自己渴望了多年却一直缺席的传说中的父亲接回,本以为故事到此柳暗花明,他可以慢慢等着母亲回来,然后父慈子孝,可转眼间,他那个父亲就把他扔进了炼狱一样的训练场 扔便扔了,可两年后他才发现事情没那么简单,一场变故袭来,他的母亲因他死在了五行岛,连同母亲一起离开的还有那个跟他在训练场训练了两年的好兄弟 而这一切事情的策划者,竟然包含了那个他奉为心中神明的父亲,自此他变成了爹不疼娘不爱没人要的孩子 若是一直这样下去也就罢了,可偏偏这个时候,他体内蛰伏多年的麒麟血脉觉醒了,一招觉醒,他的城主父亲后了个大悔,又巴巴的跑回来把他带回去,把自己住了多年的南火殿让给了他,可此时心如死灰的凌澈对他们除了恨,在没剩下别的 后来,他费尽心机从南火殿逃了出去,然后在道上遇到了一个奇怪的老头世间有两种人,男人跟女人! 《原神浩劫之成神之旅》是讲述旅行者荧妹达到最终目标后经历‘深渊之战’,往后20年的故事叙想。第一次写作,想构造一个不一样的原神世界,希望大家能够喜欢。作者本人很少看动漫所以人物皆为借鉴人物性格等可能与原著不同。法斯特从霍格沃兹毕业后与自己的好友鲍克斯、兰一起探险魔法世界。当一行三人探索魔法古墓时,兰受到了护陵诅咒。这种诅咒非常残忍,当被诅咒人三十岁时就会自燃化为灰烬。鲍克斯和法斯特走遍大街小巷,黑林深处却都无功而返,唯有求助魔法部的帮助,故事便从这里开始……在这个超能力者们的世界里会发生怎样的事情。 超能力的大战一触即发。 在人山人海的都市里,有着各种各样的超能力者 未解之谜的失踪案,各种超能力者杀人犯,失踪案的背后会隐藏怎样的阴谋...........主角房齐天是个刚高考完的学生,在接受了大学毕业后准备和同学们一起去游玩的留学生——表哥余秋明的邀请后来到了富家子弟的私人飞机上。飞机在空中飞行时进了一个虫洞,是穿越?还是穿越到古代?落地后发现这是一个名为“瑞”的朝代。 房齐天的名字变成了花零,并且在经历了许多事后被告知这是上古时代。还说希望文明回到正轨就要牺牲一个人并接受诅咒,让文明全部毁灭,这太荒谬了。花零最终完成了这些“神”给予她的“任务”,文明消散后花零在这个时空的家庭也不复存在,所有人都会忘记花零。 ——神明那所谓的诅咒就是:永生不死。 永生后的花零目睹了所有朝代的兴旺衰败,目睹了国家与国家之前的勾心斗角,历史的兴旺衰败花零都看下来了。 但是花零的永生可是被杀被碎尸万段都能够无限复活的永生,当然不止能看那五千年……【传统玄幻+帝君重生+剑道+热血逆袭+太荒至尊体】   万年前,东凰帝君功参造化,万古寂寞下孤身闯入寂灭剑墟,寻找最强之道,却始终没有自那片禁地中走出。 万年后,纪元迭起,轮回初开,一个被夺去灵骨的少年在奄奄一息之际,恍然间觉醒前世记忆。 苏道尘伫立在山巅,负手而立,昂首透过无尽云层望去,眼神淡漠,“这一世,我将是这诸天万族的劫!” 龙峰,某特种部队退役后,一次乘坐游轮遇到飓风……醒来时,龙峰发现自己出现在一处岛屿的海滩。这处岛屿荒无人烟,里面处处杀机,有吸食血肉的树怪,还有身如巨山的凶兽……生存还是毁灭?龙峰开始了自己在异大陆的传奇人生。学神李安然高考前夕被天降陨石砸中,没想到却意外获得了宇宙互联网的登陆资格。
北京企业网站开发多少钱 上海科技网站建设 瑞士 网络安全 用html5做的网站 互联网金融 网络安全 互联网产品营销计划 网络营销的价值是什么 信息共享与信息安全 网络安全名词 全球网络安全峰会 财运不佳的财富管理方法有哪些?咨询【www.richdady.cn】 解梦的咨询技巧咨询【www.richdady.cn】 化解【www.richdady.cn】 前世因果化解方法咨询【www.richdady.cn】 意外的心理调适咨询【www.richdady.cn】 性压抑的情感释放咨询【企鹅383550880】√转ihbwel 存不住钱的前世因果咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 邪灵对人的危害威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 人际关系不好的环境影响咨询【σσЗ8З55О88О√转ihbwel 前世今生的故事如何影响现代生活?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 精神不振的自我提升咨询【www.richdady.cn】√转ihbwel 亲子关系的教育理念咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 灵魂种子治疗咨询【www.richdady.cn】√转ihbwel 人际关系不好的咨询技巧咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子不爱读书的家庭教育【企鹅383550880】√转ihbwel 外灵干扰的自我提升咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 有官司的原因分析【企鹅383550880】√转ihbwel 感情纠纷的情感疏导咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 家庭关系的教育建议【企鹅383550880】√转ihbwel 投资项目的自我提升【σσЗ8З55О88О√转ihbwel 网站优化吧 手机网站 南京营销型网站 网络安全 强化培训 设计网站app 网络安全等级保护备案 网络安全系统实施方案 青岛开发区制作网站公司 推荐人营销 做外贸网站 深圳网站营销公司 用html5做的网站 网站伪静态 微汇通微信营销软件 大白兔奶糖营销案例 中国网络安全吗 网络安全概述ppt 做网站域名 网络营销的价值是什么 营销讲师介绍 手机网站建设的趋势 珠海网站优化 营销学市场四要素 信息安全登记保护,-1 什么叫营销组合策略 全球网络安全峰会 定制跟模板网站有什么不一样 宁波 做网站 国家领导人重视网络安全 信息安全运维课程,-1 北京展览馆 网络安全 近年信息安全事件 网络营销定价是什么意思 网站模板怎么用 信息安全 研究所考研 网络安全工作 信息安全登记保护,-1 网络安全概述ppt 网络安全师证书 iscc信息安全与对抗 网络信息安全期刊 信息安全 小技巧 网站曝光率 营销在线 网络安全系统实施方案 银川网站建设多少钱 网站备案注销 网站制作一条龙 临朐做网站 败笔网络安全技术 东莞公司网站制作 成都c3网络安全个人注册网站.com 设计网站app 山西信息安全 网络信息安全攻防大赛 微信营销的特征 微信营销的特征 网站曝光率 大良营销网站建设平台 网络信息安全攻防大赛 点墨网站 网站设计建站 网站知识 苏州网站推广 无锡微信手机网站制作 网络安全系统实施方案 山西信息安全 网站建设公司倒闭 陕西企业网站建设 网络安全咨询服务方案 2016中国网络安全事件 信息共享与信息安全 营销在线 青岛开发区制作网站公司 网络安全教育课程 广州网络信息安全测评中心,-1 十八大 信息安全 什么是信息安全保密 建网站的步骤 成都c3网络安全个人注册网站.com 郴州网站建设 国外网络安全厂商互企业信息安全管理策略 福州优化营销网站格局 营销转化 山西网站建设 网站设计公司 无锡 注册网站 东莞公司网站制作 郑州好的网站设计公司 网络营销是? 败笔网络安全技术 苏州网站推广 网络安全审核方案 企业网络安全体系建设 太原网站建设dweb 银川网站建设多少钱 网络安全教育大会 十八大 信息安全 网站设计公司 无锡 信息共享与信息安全 企业网络安全体系建设 销售群发营销信息 微汇通微信营销软件 山西信息安全 广州网络信息安全测评中心,-1 常州专业网站建设公司 城市营销平台建设 官方网站欣赏 2017信息安全展览会 网络安全案例 ppt 网络安全系统实施方案 360网络安全团队 腾讯网络安全 搜索引擎营销 长沙网站维护 信息安全 部门,-1 网络安全培训 记录 信息安全创业的女人 信息安全技术 信息安全风险评估规范 gb/t 20984-2007 企业网络安全体系建设 网络安全概述ppt 低价营销方案 公司网站制作 步骤 南宁互联网营销公司 上海市网络安全总队地址 网站建设 技术 东莞公司网站制作 做网站域名 网络安全等级测评 网站备案跟域名有什么关系 珠海网站优化 网络安全名词 云南网站制作 互联网产品营销计划 web信息安全 考研学校