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
网络安全服务攻击网络安全基础:应用与标准利用微博营销品牌网络营销 优帮云建设手机网站包括哪些费用吗授权管理 信息安全,-1信息安全是指保护信息的网络安全 国防王老吉的营销电子商务的信息安全网站整站五年后叶云天重返都市,发现当年帮他的美女被害成了瘫子,当年青梅竹马的婚约女友骂他下等人,当年埋葬父母的坟头不许祭拜! 但谁人清楚,他已再不是当年的废物,而是人间最大势力诸天的王者!睁开眼,林浩强重生到和妻子离婚的当天。 上一世的他,五毒俱全,抛妻弃女。 弥留之际的他,得知老婆积劳成疾,早已亡故,女儿叛逆,十年牢狱之后,死于街头。 林浩强死不瞑目。 上天给了他一个重生的机会,还给了他一方小世界。 为了弥补上一世的罪孽,林浩强起早贪黑,拼命工作,把老婆和女儿宠上了天。凡人无非就是饿了吃饭,渴了喝水,走路靠腿,说话靠嘴……,百年而逝,皆顺天命。 修行一途却是争天命,夺造化,乱阴阳……每走一步都是逆天之路。每进一步都会被天道打上劫轮印记。 落霞村孤儿,叶轻语在机缘巧合下承得太虚道统。 从此势不可挡,征战诸天万域。 跨过万古轮回,越过宇宙洪荒,掠过天地玄黄,战至地老天荒,只为守着心中的温柔乡。然而在时间长河的尽头回过头来,一切早已逝去,只剩下了自己。 古往今来,世间流传仙、神的传说,而时至今日,仙路缈缈,已然进入末法时代。 天空中,有人矗立,乌云压顶、身处雷电中心;海面上,有人漫步而来,由远及近,片刻却又消失不见,这些是海市蜃楼产生的幻觉? 有传言,海市蜃楼是连接另一时空的桥梁,聚现另一个世界正在发生的景象! 神话故事是否虚构,仙、神,真的存在过吗?穿越大唐,意外成为李靖的第三个儿子。 因刚穿越的他按照系统指示逃婚,两年后,对突厥用兵的李靖与李世民发现了他的踪迹......然后他们就懵了,这是什么?没见过吧土鳖,这叫华子,可好抽了,老李,你今有口福了,来吹瓶啤酒。少年天才于洋来到黄海市当保镖,且看他如何走上人生巅峰 建文四年,朱棣拖家带口举兵造反,攻进应天府时,最疼爱的太孙朱瞻基却离奇失踪。 朱棣大怒,认为是建文乱臣所为,遂屠杀一万四千余建文乱臣及家眷,流放三万余靖难遗孤,以表对太孙疼惜之意。 …… 十一年后,一少年乱了朱棣心智,朱棣时常化作普通老头,与他一起打猎。 “老爷子,我真不是你孙子,我是从死人堆里爬出来的,没有亲人。” 朱棣听着朱辰的独白,禁不住就落泪了。 “谁说你没亲人,我现在告诉你,你爷爷是永乐大帝朱棣,你是大明皇嫡长孙。” 朱辰:“老爷子,您别骗我了。” 朱棣道:“不信也罢,我欠你一个盛大的复辟仪式。” 次日,应天府白日宵禁,万人空巷,十万大明铁骑进城,为首一人,正是那身穿铠甲,龙虎精神的老爷子! 爷孙俩隔空对望一眼,朱棣一笑。 十万大明铁骑下马,恭敬跪地大吼:“恭迎大明皇嫡长孙回朝!”现代都市和平生活并未持续多久。当平行的世界被人们挖掘到信息,位面重叠,世界重启。这里变成了修行者的世界。无尽的尸海,广阔的荒漠,万族林立,百家争霸,无情的杀戮将一切虚幻斩断,而何处才是人类栖息之地? 这是本现实的类似穿越类的小说。 讲述了关于“我”本是一个生活不易的普通人,但不知道什么原因拥有了两个人的思想,也就是两个人生于是决定为了找到人生的意义再拼一把的故事。 这是本作者的开山之作,所以我是很认真的去写,当然也会查阅大量资料只图它不会太超越大家的认知。 我也真切的喜欢大家能够喜欢这篇作品。 绝世联盟最初只是二十一世纪二十年代世界最巅峰的一款网络游戏。 一个普普通通的年轻人张自豪在这个游戏里获得了与别人不同的经历。 一切的起源竟是一件上古修真神器,让游戏世界成了试炼之地。 当然这只是开始,修仙、无限的穿越,张自豪经历过一个又一个亦真亦假的世界。 唯一不变的是互相支持的伙伴! 是为生存而勇往直前不屈不挠的信仰! 只要努力过就不该后悔! 只有看清自我才能修炼成神! 醉仙诚挚的祝各位读者马年行大运,马上有钱!!还有我!!!
网络安全防范技术 信息安全屏保,-1 计算机网络安全研究所 网络安全管理局 级别 制作网站 信息安全要考什么证 内网信息安全行业现状 南京信息安全研究院有限公司 2016信息安全专业排 全国信息安全等级保护测评机构推荐目录,-1 投资项目的财务规划【www.richdady.cn】 事业不顺的职场突破咨询【www.richdady.cn】 冤亲债主干扰的表现咨询【www.richdady.cn】 感情纠纷的情感调解咨询【www.richdady.cn】 迟缓儿的症状与诊断【www.richdady.cn】 意外的前世修行【企鹅383550880】√转ihbwel 维护良好家庭关系的秘诀有哪些?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 如何解决事业不顺的问题?【企鹅383550880】√转ihbwel 感情纠纷的情感重建咨询【微:qq383550880 】√转ihbwel 发育倒退的早期干预措施咨询【www.richdady.cn】√转ihbwel 存不住钱的心理调适咨询【σσЗ8З55О88О√转ihbwel 不爱读书的教育建议【企鹅383550880】√转ihbwel 人际关系不好的咨询技巧【www.richdady.cn】√转ihbwel 老公家暴的环境影响威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 学习成绩差【σσЗ8З55О88О√转ihbwel 莫名其妙感伤的前世影响【企鹅383550880】√转ihbwel 忧郁症的心理调适【www.richdady.cn】√转ihbwel 与女友前世的识别方法咨询【微:qq383550880 】√转ihbwel 去世的母亲的前世缘分咨询【微:qq383550880 】√转ihbwel 发育倒退的解决方法咨询【企鹅383550880】√转ihbwel o2o网站建设咨询 美国网络安全战略 网络营销师的培训机构 网络安全组织领导 河南省信息安全协会 工信部 网络安全认证 网站怎么设置支付 网站建设的 内网信息安全行业现状 网络营销的优点是什么?优秀的网络媒体应具备的条件是什么? 计算机网络安全研究所 青岛微信营销外包 网络安全误区 简述网络营销的4c策略 滴滴营销 专业的网络营销公司排名 13日中国网络安全大会 广州市手机网站建设 网站布局 网站构架图 手机短信营销方案 信息安全风险控制平台 网络安全误区 太原网站开发哪家好 银川建网站 王老吉的营销 广州专业手机网站设计 电子商务的信息安全 深圳企业营销培训机构 中国信息安全行业协会 ccs信息安全认证证书 信息安全技术公司 网站如何推广 这样建立自己的网站 网络安全 系统安全 信息安全风险控制平台 网络安全 国防 信息安全要考什么证 营销模式 产品策略 广东省网络安全应急平台 鹤壁网站优化 营销模式 产品策略 福州医院网站建设公司 电子网站建设 南京移动网站建设 2017北京网络安全周 信息安全等级保护代办 制作网站 宜兴网站建设 微信网络营销推广公司 合肥网站制作公司排名 网络信息安全的范畴 电子商务的信息安全 仿建网站 网站制作 武汉 浏览器合作营销方案 国际信息安全 做网站设计服务商 东软集团网络安全产品 2016年网络安全攻击事件 房地产网站制作 工信部 网络安全认证 美国 网络安全战略特征 国家网络信息安全 深圳网络营销公司排行 2017北京网络安全周 营销咨询服务内容 网络安全新闻 ccs信息安全认证证书 深圳网络营销公司排行 国内ui网站有哪些 沈阳微信营销哪家好 网络安全可视化 仿建网站 信息安全的层次化特点决定了应用 专注信息安全 搜索引擎营销策略 品牌网络营销 优帮云建设手机网站包括哪些费用吗 河南省信息安全协会 病毒性营销特征 中国信息安全行业协会 信息安全管理研究中心 网络安全基础:应用与标准 网络安全重大事件 大数据与信息安全报告 营销发展课成都网站优化 信息安全技术公司 信息安全与对抗赛 13日中国网络安全大会 无人机 信息安全 病毒性营销特征 网站设计公司长沙 鹤壁网站优化 自适用网站的建设 南京信息安全研究院有限公司 网站布局 网站设计官网 信息安全认证行业,-1 微信营销 品牌建设 信息安全检查工具 网络营销女性包装格式 网站设计官网 美国网络安全战略 网站建设书 电器网站建设目的 网络安全法 肉鸡 品牌营销平台 信息安全技术公司 国际信息安全 信息安全的层次化特点决定了应用 网站背景 国家网络安全的案例分析 2016年网络安全攻击事件 滴滴营销 营销发展课成都网站优化 他人委托我做网站 营销产品定价策略 容易做的网站 网站整站 如何制作营销网站模板 四川网络安全公司 海尔冰箱营销战略 国内网络安全公司介绍 信息安全风险评估小组每人了解且熟悉如何对此类文档收集整理 内网信息安全行业现状 数字营销哪里有 网络安全策划 营销的分类 网络安全与信息化中心 企业标准型手机网站 西安h5网站建设 计算机网络安全研究所 网络安全法 肉鸡 中国信息安全等保网 手机短信营销方案