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
思科2017年年度网络安全报告自己如何创立网站yunos 信息安全武汉网站开发公司地图营销万网做网站运营好网站渭南做网站高端网站定制费用是多少网络信息安全等级认证这是一个山海缘结,仙魔逆变的故事。 被迫遗落在尘世间的孩子,带着凡俗的认知,羁绊与名字,一步步走向修道巅峰。 他要带着红尘的枷锁,肩负着众生的希望,直面诸天仙佛。 人不为己,天诛地灭。柳岸晓月,临沂人,文学爱好者,先后发表多篇作品。  诡秘力量复苏,元宇宙世界降临。   在这里,你能看到奇闻异录中的妖魔,恐怖故事里的鬼怪,甚至神话传说中那些古老的神祇!   在元宇宙世界中,所有人都在惶恐不安,心惊肉跳。   而江澈却发现自己能看到奇怪的提示。   于是……   在黄泉医院当护工,在阴间酒店当服务员,在轮回网吧当网管……甚至还在元宇宙世界建造了一座能够关押神明的监狱!   当江澈一次又一次完成诡秘挑战后,忽然发现。   他竟然已经成为了,诡秘之主。一九八六年,高光、吴宇、程思浩.....等青年,踏上社会,误入歧途的不堪往事。 那是一个特殊的时代,在那个时代的角落里,有那么一群人,发生了只属于那个时代的故事。 无论那些年,那些人,那些事,有多么的不堪。但是,它终究是发生了,属于那个时代的一个小小符号。 这个符号嵌入了那些人的青春乃至一生,当我们翻开尘封的记忆,往事有那么的不堪回首,可是我们仍然要记住它。用时代去理解,用时间来释怀! 所有的故事都源自生活,所有的人物都不是个体,那是一群人在时间的长河中留下的一幅缩影。 今天来回忆那些故事,希望闻者宽,去者安,来者戒!一个强盛的王朝,在烈焰中轰然倒塌。覆巢之下,人们挣扎在未尽的余灰中。许多人扛起了复国的渴望。可是,汹汹而来的鬼蜮伎俩,却将乱局搅动得愈加波诡云谲。好在,大智大勇者的神机妙算,最终冲破了鬼魅的阴霾。然而,一桩被掩藏了数十年的王朝秘事,却始终裹挟在迷雾之中,如今,它更是幻化成一张正缓缓地张开的血盆大口,誓要将这破碎的王朝一口吞下。高阳原本是个蓝星的雇佣兵,在一次执行任务中来到了金庸武侠世界--神雕。 在神雕世界中获得武林中人梦寐以求的武林秘籍,左手六脉神剑、右手降龙十八掌,年纪轻轻就达到别人一辈子的成就, 一个小小的蝴蝶能带动多大的效应?神雕世界因为高阳的到来又会有什么样的变化?神雕中的爱恨情况是否因为高阳的到来而改变? 让我们走进神雕世界,看高阳如何在江湖中翻云覆雨~~~~~ 各位书友要是觉得《神雕之我是大魔王》还不错的话请不要忘记向您的朋友推荐哦综武世界 叶青在三不管地带开黑店。 小昭:老板,你心都是黑的,我才不要给你打工一百年! 师妃暄:黑心老板,休要坏我道心! 欧阳锋:年轻人,我劝你耗子尾汁,莫要将路走窄了。 赵敏:老板,你说那腹黑成功学,教教我,好刺激哦,我好喜欢。 张三丰:年轻人不讲武德,不过,你要不要跟我学修仙? 郭靖:叶大哥,以后我就跟你混了,你说让我干啥就干啥! ...... 叶青笑的五彩斑斓黑:诸位,本店明码标价,童叟无欺。一部上古卷轴的史诗巨作。 一部人类英雄的传说。两个月气走三个班主任。 面对有着教师修罗场,学渣游乐园之称的学渣特长班——七班。 即使教导主任开出极高的待遇,一群老教师们也是一个个坐如泰山,无人肯领命。 恰在这时,作为实习教师的陈楚激活最强教学系统。 于是毛遂自荐,成为七班新的班主任,从零开始打造世界最强特长班。 体育特长生:“我奥数竞赛全国第一。” 绘画特长生:“我科研竞赛全国第一。” 舞蹈特长生:“我知识竞赛全国第一。” 升学在即,领导视察,全懵了。 “让你代管特长班,怎么全保送了!?”张道域作为天师府当代天师传人,奉师命下山肃清妖邪,只是所谓妖邪一定是恶吗?公道自在人心,这是“不谙世事”的张道域在天师府所学不到的,且看张道域游走世间,炼心寻道
网络安全监测软件 做网站资讯 西安商城网站建设制作 昆明信息安全培训班,-1淮南网站建设 涿州网站建设 北京设计公司网站 下列哪项不全是防火墙的功能 防止内部信息的外泄强化网络安全性 国家信息安全 研究中心 关于网络信息安全 手机信息安全保护论文 长期失业对个人的影响咨询【www.richdady.cn】 特殊学校的环境影响【www.richdady.cn】 孩子不爱读书的家长引导咨询【www.richdady.cn】 缺心眼的解决方法【www.richdady.cn】 干扰的自我感知方法咨询【www.richdady.cn】 事业不顺的职场突破咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婚姻生活不顺的前世因果威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵对家庭有哪些影响?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 内心恐惧胆怯的前世因果【www.richdady.cn】√转ihbwel 自闭症的治疗方法咨询【微:qq383550880 】√转ihbwel 孩子压力大的咨询技巧咨询【www.richdady.cn】√转ihbwel 阴间生活的前世缘分咨询【σσЗ8З55О88О√转ihbwel 感情纠纷的沟通技巧威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婚姻生活不顺威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 学习成绩差的原因分析【σσЗ8З55О88О√转ihbwel 莫名其妙感伤的前世影响【企鹅383550880】√转ihbwel 强迫症的心理调适【σσЗ8З55О88О√转ihbwel 外灵干扰的前世因果【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 为什么过世【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 如何改善财运不佳的情况?【微:qq383550880 】√转ihbwel 线上营销必备 东莞网站改版 川大信息安全考研 x网站免费 网络信息安全培训资料,-1 新营销系统 网络安全行业介绍 互联网营销的哪些特征 以等级保护 网络安全法 东软关于开发活动的信息安全要求 对企业信息安全的建议 郑州网站优化 武汉网站开发公司 北京企业建立网站 网银网络安全方案 咸宁做网站 做网站资讯 网站开发公司信息安全审计日志 网络安全 机器学习 下列哪项不全是防火墙的功能 防止内部信息的外泄强化网络安全性 电力行业信息安全等级保护 移动数据网络安全吗 公安网络安全工作 网络安全专用产品综合营销软件下载 网络营销分为 广州市信息安全测评中心地址 深圳信息安全服务公司,-1 网络安全周致辞 信息安全管理国家标准 科技公司信息安全事件,-1 关于手机网络安全 从网络安全角度考量请写出建设一个大型电影网站规划方案 广州网络营销公司招聘 关于网络信息安全 省网络安全和信息化领导小组 信息安全 培训考试,-1 广东网络安全 省网络安全和信息化领导小组 营销邮件的发送方式 百度网络营销策划实咧 门户类型的网站 网络安全博士生 微网站建设渠道 亚马逊的营销策略是啥 建网站的地址 网站建设 福州 川大信息安全考研 珠海移动网站建设费用 单页网站设计 营销方案网 西安商城网站建设制作 网站加后台 郑州网站优化 怎样创网站 金融企业 网络安全法 武汉网站制作公司 金昌网站建设 网络营销调研结论 朝阳商城网站建设 网络安全 机器学习 个人代理营销渠道优势 徐汇微信手机网站制作 网络安全总体设计 网络安全博士生 大良营销网站建设平台 设计网站的软件 惠州外贸网站建设 云创通11营销手机 信息安全四大会议 映客 营销 网站加后台 东莞网站改版 思考体验营销 手机信息安全保护论文 新营销系统 从网络安全角度考量请写出建设一个大型电影网站规划方案 广州市信息安全测评中心地址 郴州网站建设 营销的表现形式有() 惠州外贸网站建设 电力信息安全等级保护 常州网站制作 手机网络安全软件 qq网络安全中心 下列哪项不全是防火墙的功能 防止内部信息的外泄强化网络安全性 网站需要什么 网络营销是企业整体营销的组成部分 个人代理营销渠道优势 qq网络安全中心 定制网站的好处有哪些 省网络安全和信息化领导小组 ‘营销系统 北京企业建立网站 网络安全检查内容 网络信息安全等级认证 合肥网络安全 外贸网站建设公司策划 金融企业 网络安全法 x网站免费 成都 企业 网站制作 厦门网站建设哪家便宜 密集性营销策略 武汉网站建设企业 任子行网络安全管理系统 自适应网站好建们 评价网络营销的案例分析 2015国家信息安全政策淘宝营销顾问 网络安全总体设计 邮件营销的步骤. 运营好网站 日本设计网站 x网站免费 广州网络营销公司招聘 如何攻击网站 网络安全技术杂志 网络营销分为 网络安全周致辞 关于网络信息安全 网站制作苏州企业 北京企业建立网站 网络营销分为 网络安全会议2017 网站商城系统 企业营销的方法有哪些 网络安全会议2017 互联网信息安全领导小组 评价网络营销的案例分析 网络安全专用产品综合营销软件下载 网络安全检查内容 信息安全四大会议 移动数据网络安全吗 福州自适应网站建设 设计网站的软件 朝阳商城网站建设 网络金融信息安全网址