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 互动营销型网站建设 景县网站建设 信息安全评测机构 资质 如何搭建高品质网站 微信营销的效果中国计算机行业协会网络安全连接 儿子抑郁症咨询【www.richdady.cn】 提高孩子阅读兴趣的方法【www.richdady.cn】 前世缘份如何影响人际关系?咨询【www.richdady.cn】 感情纠纷的情感和解方法有哪些?【www.richdady.cn】 迟缓儿的案例分享咨询【www.richdady.cn】 官司的原因分析咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 孩子压力大的原因分析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子不爱读书的家庭教育咨询【微:qq383550880 】√转ihbwel 财运不佳的风水布局威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 忧郁症的预防措施咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 财运不佳的心理调适咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世今生测试在线咨询【σσЗ8З55О88О√转ihbwel 与老公前世的前世案例咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 纠纷的心理调适咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 感情纠纷的情感修复咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 纠纷的原因分析【www.richdady.cn】√转ihbwel 事业不顺的解决方法【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 儿子不读书的改运方法咨询【www.richdady.cn】√转ihbwel 婴灵的化解仪式咨询【www.richdady.cn】√转ihbwel 与女友前世的咨询技巧【www.richdady.cn】√转ihbwel 信息安全评测机构 资质 日用品企业网站建设 信息安全相关的证书 网络安全电信诈骗政策 信息安全测试平台 网站线框图 模拟仿真网络安全 网络安全对抗赛 信息安全认证公司排名,-1 网络安全问题的文章 烟草行业计算机信息网络安全保护规定 信息安全 论文 数据库 企业网站建设cms 如何保障企业信息安全 互联网营销服务类接单 网络营销推广方案 厦门网站开发建设 网络营销是如何出现的 景县网站建设 网络安全失泄密 网络安全和信息化领导小组第四次会议 长沙企业网站建设团队 html个人网站模板 聊城网站制作价格 南宁网站建设找哪家 访客网络安全吗 青岛优化营销 烟草行业计算机信息网络安全保护规定 微信营销的效果中国计算机行业协会网络安全连接 东莞网络营销培训 网络安全对抗赛 ossim 信息安全管理系统 网络安全管理平台 响应式网站模板 title 网络安全 分页网站 网信部门和有关部门违反网络安全法第三十条规定 长沙手机网站建设 通信信息安全优先级秩序:可用可靠完整 信息安全网络培训机构 学校网站欣赏中文 网站线框图 网络安全知识考试 作品网站 网络营销推广方案 自助构建网站asp网络公司程序 网站公司企业建设源码 网站设计模板seo优化 网络安全对抗赛 企划营销包括 营销工具网 新技术背景下国家信息安全 内部列表email营销流程 网络安全 指标 信息安全风险评级 信息安全测试平台 郭启全 网络安全 整合营销方案 新泰做网站 访客网络安全吗 html个人网站模板 无线网络安全密码怎么设置 广东南方信息安全产业基地有限公司 html个人网站模板 网络安全 指标 浅谈 网络安全态势感知 ossim 信息安全管理系统 外贸商城网站建设 信息安全措施分为 深圳医疗网站建设报价 关于加强党政部门云计算服务网络安全管理的意见 软文营销的作用及优势 聊城网站制作价格 传统信息安全 正规的网站建设 无锡网站制作排名 英国 国家信息安全 天津网站设计 怎样才能制做免费网站 信息安全相关的证书 成都做网站多少钱 网络营销能力秀收获 深圳网站建设信科网络 网络营销的含义及特点 信息网络安全协会 系统漏洞 网络安全案例 大学生的网络信息安全 列举邮件营销的类型 访客网络安全吗 关于加强党政部门云计算服务网络安全管理的意见 珠海企业网站建设费用 信息安全外企工作内容 响应式网站模板 学校网站欣赏中文 十种网络营销方法体系 响应式网站模板 东莞网络营销培训 移动网络营销平台 网络安全检查自评估表 网络安全监管技术 2014第十五届中国信息安全大会 公安部 网络安全试点 广东网络安全协会 公安机关信息安全 上海的外贸网站建设公司排名 2016年第十七届中国信息安全大会 信息安全相关的证书 网络安全信息与动态周报 南川网站制作 深圳信息安全公司临沂高端网站建设 显示屏宣传网络安全 景县网站建设 如何搭建高品质网站 南昌网站设计资讯 广东网络安全对抗赛 网络营销推广方案 信息安全人才现状 企业网络营销数据分析无锡网站推广公司 网络安全. 内部列表email营销流程 沈阳微网站 广东网络安全协会 天津企业网站建设 网络安全问题的文章 发改委信息安全专项 2014 正规的网站建设 营销调研的步骤 信息安全历史 中软信息安全奖励等级 厦门网站开发建设 企业网络营销数据分析无锡网站推广公司 北京微信营销培训班 4p营销组合战略指的是 网络信息安全讲座报告 网络安全事件种类 企业网络信息安全公司排名 京网站制作公司