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
信息技术与信息安全知识读本网站精品案例深圳专业网站设计公司信息安全培训机构课程郑州网站建设更好江苏省网络与信息安全协调小组淄博做网站公司有哪些网络安全检测的步骤惠普网络安全密钥多少企业网络安全防护方案  重生综武世,成为天下唾弃的慕容复,不甘心一世无能。   决定先下手为强。   开局迎娶王语嫣,不想大婚当夜意外激活选择系统。   从此神功、内力、女人,统统不缺。   万年内力,无相神功、打狗棍法。   左手搂黄蓉,又手抱芷若。   婠婠为我暖床,妃暄爱我如命。   这一世我兼爱众生!   这一世我掌灭万派!   这一世我文成武德!   此生我为不朽皇者,永生不灭!   皆因我是慕..容..复! 平行时空,异世为人,不是王侯将相,没有未卜先知,唯有科学,唯有革命,你有你的孙子六韬,我有我的论持久战,论游击战。 本书又名寒门人士发家记,这个人怎么什么都懂,我在异界当龟公的那些年,天下石人一只眼,始知我命由我不由天 2050年,一颗直径超过10公里的小行星落入浪漫之城玛丽安娜境内,随后,地震引发的海啸淹没了第五大陆,全球气候发生剧变,爆炸扬起的尘埃覆盖了天空,遮蔽了太阳,全球温度下降了约15摄氏度,人类陷入恐慌之中。 2051年,武器商人赫尔曼以合众国的名义进入第二大陆东北角的贫穷国家,索尼亚。 2055年,第二大陆被索尼亚统一 2059年,第四大陆,雨林之国森巴的原政府被推翻,新政府上台。 2060年,第一大陆南部国家被不明势力尽数占领。 2061年,第五大陆剩余土地上,除不列颠帝国外,全部沦陷,同年,赫尔曼发表通告,宣布建立人类复兴政府,向现存各国宣战。 同年,世界建立了北部战时联合国,东部战时联合国以及西部战时联合国,向人类复兴政府宣战。 2074年,这是世界变成地狱的13年后,也是故事的开端。 在历经无数生死之后,那最终迎来的一切只是开始,历史似乎一直在轮回中。强悍与正义一直是我的代名词写一下初中时候年轻的岁月。我曾是学校里的无名之辈,也连续多年霸占着全校第一的位置。爱过,恨过,伤过,笑过,自卑过,骄傲过,犹豫过,惆怅过,迷茫过,努力过……父母身亡,他被迫离家。幸遇良师,苦练十载,借先父留下的上古神器——圣兵印,修成另类功法。入京寻亲,偶识野心谋臣,为保护自己与无上功法,迫入反抗朝廷之会,寻找其他遗留神器。历尽人世,重友情者为他断情,爱他者为他结情。千云落,必有日出。当四大神器汇于一体,其道大光。新的纪元,迸射出不可直视的光芒!(女帝,气运,悟道,天才,争霸) 瑶池圣女:手握日月摘星辰,世间无他这般人。 青莲剑圣:不会真有人觉得,世子大哥是凡人? 狠人女帝:不为成仙,不为成帝,只为在红尘中长伴君之左右! 君逍遥很难受。 他一句话,让女帝娘子,悟出了一念花开,君临天下。 他一首诗,让青莲剑圣,明了了绝世剑意,万古长歌。 他一幅画,让瑶池圣女,炼成了六道轮回,造化天功。 气运之子,一路高歌,一路横推,一路喊着世子才是真无敌! 君家世子,一直羡慕,一直苦笑,一直都是平平无奇小世子…… 终有一日,荒域大乱。 君逍遥破了老祖留下的世子不能出府的预言。 惊天动地的事发生了。 我为天子镇国门,血染江山亿万里! 不出世则以。 一出世必成天下第一! …… (纯架空文) 邮轮失事,流落荒岛,危机四伏,当别人还在因为下暴雨无处躲寻的时候,秦渊已经在庇护所安稳的度过。 当别人饿肚子的时候,秦渊已经吃上了烤肉,海鲜。 失事船长:“我们要齐心协力,走出困境!” 秦渊:“不好意思,道不同不相为谋!” 有钱人:“兄弟,我花钱买你的肉,就让我吃一点!” 秦渊:“钱?在这岛上,就是废纸!” 当红女网红:“能不能分我们一口吃的?” 秦渊:“少跟我装可怜,这里是荒岛!” 三年前,我带着无限遗憾离开了上海这座城市……
b赣州网站建设 网络安全技术好学吗 网站名重复 b2b商场网站建设 信息安全管理 mobi 福州口碑营销 信息安全产业&quot;十三五&quot;发展规划 做网站一般用什么语言 京东怎么营销的罗湖高端网站设计 门户网站策划书 人际关系不好的解决方法【www.richdady.cn】 家庭关系的和谐之道咨询【www.richdady.cn】 财运不佳的财富增长技巧有哪些?【www.richdady.cn】 人际关系不好的原因分析咨询【www.richdady.cn】 前世缘份的前世故事咨询【www.richdady.cn】 财运不佳的财富增长技巧有哪些?【微:qq383550880 】√转ihbwel 精神不振的咨询技巧咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 缺心眼的自我提升咨询【σσЗ8З55О88О√转ihbwel 无形干扰的自我提升【σσЗ8З55О88О√转ihbwel 孩子厌学的环境影响咨询【σσЗ8З55О88О√转ihbwel 与男友前世的记忆解析咨询【σσЗ8З55О88О√转ihbwel 家宅磁场【企鹅383550880】√转ihbwel 官司的原因分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 莫名其妙感伤的前世因果咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 家庭关系的改善方法【微:qq383550880 】√转ihbwel 亲子关系的教育建议【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 灵性提升课程【企鹅383550880】√转ihbwel 前世老公的前世记忆咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世老公的前世故事咨询【www.richdady.cn】√转ihbwel 官司的预防措施【微:qq383550880 】√转ihbwel 网络安全周工作 武汉建网站 产品网络安全定义 网站名重复 网站切图 外贸网站推广方法 2010年网络营销关键词信息网络安全答案 微电影营销 郑州网站建设定制开发 网络安全 一句话总结 互联网公司 营销 信息安全备案系统 计算机网络安全实训报告 国家网络安全宣传周主题 国家网络安全小组成员 网络安全岗位培训 信息安全定级备案 网络与信息安全教程 信息安全专业和黑客 产品网络安全定义 网络安全 检测实验室 手机网站制作推广定制 基于基因网络安全检测 学校网站开发 集团网站建 昆明优秀网站 杭州营销型网站建设 二级域名对网站帮助 营销与数字营销的区别 中国共和国网络安全法 网站设计规划书 网站建设 长春 网络安全信息检查 网络安全仿真靶场 郑州网站建设更好 上海营销型网站 深圳专业网站设计公司 做网站一般用什么语言 网络营销师做什么 什么叫网站的空间感 青海做网站公司 长沙专业网络营销 深圳视频营销推广 网站制作教程 高校信息安全和网络 昆明微网站搭建哪家好 深圳市移动端网站建设 成都建设网站首页 东莞网站托管 网络安全 检测实验室 b2b商场网站建设 安徽合安房产营销策划有限公司怎么样 中国网络安全大会乌镇 东莞网站托管 25个网站 中小型企业网络安全 郑州网站建设定制开发 25个网站 4p服务营销理论 网络营销师做什么 南京定制网站建设 全国大学生信息安全竞赛2017 2016信息安全会议 福州口碑营销 asp.net 网站 文件加密 outputstream 门户网站策划书 网络安全岗位培训 信息网络安全建设方案 信息与网络安全监察 如何获取所有网站 网络安全周工作 关于开发活动的信息安全要求 黄鑫信息安全竞赛 公司网站建设总结 企业网络联合营销案例 秒收网站 信息安全备案系统 信息安全会议几月召开谈谈数据库营销的特点 淄博做网站公司有哪些 实行信息安全等级保护重点保护基础信息网络和关系国家安全 支付宝网络营销策划 信息安全铁人三 信息安全专业和黑客 塘沽网站建设 秦安 信息安全 支付宝网络营销策划 完美营销会 中国信息安全 政府比例 网站的建设 国家网络安全宣传周主题 产品网络安全定义 通信行业网络安全 计算机网络安全工具 4p服务营销理论 惠普网络安全密钥多少 武汉建网站 贵州网站建设 个人网站在那建设 桂林做手机网站设计 贝贝网营销 网站建设管理软件 软件开发网络安全 亿玛客网络营销学院 国家网络安全小组成员 网络安全讨论 创新的南昌网站设计 网站流量超 门窗品牌网络营销的策略经验与案例 选自网络整合营销全案服务商 富阳网站建设 惠普网络安全密钥多少 广西 网站开发触屏版网站开发 重庆 网络安全和信息 计算机网络安全实训报告 动画网站模板 做响应式的网站 贵州网站建设 中科院信息安全所 我们的营销团队介绍 南京网站推广 网络营销宏观环境包括! 云计算信息安全公司 南京网站推广 重庆 网络安全和信息 小红书营销推广 大型企业网络安全 信息网络安全建设方案 信息安全定级备案 2016网络安全政策 大华信息安全四个惩罚 深圳 网站设计 公安部网络安全考核 基于基因网络安全检测 贵港网站建设 秒收网站 互联网信息安全解决