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信息安全技巧这是继第一部九转冰魄后我的第二部作品,延续着前一部的故事,主要故事发生在劲文武离开后的两个世界,之后出现了一个更大的强敌,本以为劲文武通过前面一战变得在无敌手,但是后面出现的敌人让大家有点措手不及,劲文武的众兄弟都经过拼死抵抗还是败下阵来,只能希望劲文武能够回过来帮忙一起对抗强敌,但是劲文武是否能够抵挡呢,而接下来众人的结局到底会是如何呢,请拭目以待!张超是一名程序员,一次加班中意外倒地,穿越到了一位名为杨安骥的人身上。在这里,一切和他了解的历史都不一样,明朝和清朝同时存在,明朝的年号仍旧是崇祯,只不过是一百一十七年。疑惑中结识了一位同样名为张超的少年,二人能否在这个战乱的年代匡扶大明,克复中原,还是无法阻止历史的洪流,满清一统天下?【简介:御兽 +单女主+宠物+搞笑】 源星这个奇妙的世界,充斥着许多既美丽又强大的生物,“月渊兽 幽冥龙 婆罗花……… 人类只要达到16岁就会觉醒属于自己的本命契约兽。 而牧清辰则不一样他一出生就有了自己的本命契约兽……“暗黑金龙王” “龙皇大人你是公的还是母的啊! “龙皇大人为什么我和别人不一样” “龙皇大人你为什么会说话啊!” “闭嘴!” 十八年前,太空 “兄弟,你看我女儿多可爱啊!可惜不知道能不能等到她喊我爸爸的那天……” “要不我满足你的心愿,喊你爸爸?” …… 十八年后,白泽重生 “爸,他就是我男朋友,白泽!” “什么,你就是白泽!?” “好兄弟,咱们各论各的,我叫你爸爸,你叫我兄弟” ……藏执事,十方院八大执事外四执事之一,掌管收藏奇物秘宝的仓库,流沙秘门。五十五年前麦地偶然得知灭魔庭不为之人的计划,而这一切皆因占星坪算得所谓正道式微,魔涨道消的冥冥定数。守正辟邪的最后手段自居的灭魔庭决定冒险逆天而行,但需要流沙秘门内某物和阴阳灵脉的协助。麦地在对寂执事苦劝无果后,发现整个十方院甚至观道观的高层已然默许。不得已,他做了一个毕生都难以至信的决定,封印阴阳灵脉然后在挚友的帮助下改天换命销声匿迹.“我是谁?我从哪来?我要到哪去?”这亘古不变的问题困扰着少年,他望着海面脑海里一片空白,他失去全部的记忆只留下一具空白的身体,我之前是个什么样的人,是一个冒险家?是一个魔法师?是一个厨师?是一个建筑师?是一个酿酒师?是一个农民?是一个工人?是一个商人?是人人称赞的好人?是坏事做尽的恶人?是平平无奇的市民?无数的疑惑压在少年的心上,幽幽中一个声音传来,“去篱下院吧,那里有你需要的答案。”于是少年踏上寻找自我的旅程,在路上他会遇到什么样的冒险呢?又会遇上什么样的人?13岁惨遭灭门,在逃亡途中,误入五岳山之一的华山,被外出神秘老者所救,因其天资过人,且心性坚毅,被掌门看中,许下少宗主之位,毕生所学皆传授于他。其后通过自身努力得到五岳传承的认可,正式成为五岳继承人。随后下山历练,复仇。在老者的安排下,进入华夏暗部。在历练时来到世界混乱之地,汉初末地,在此建立自己的暗中势力,魔刹特勤部队,在成为末地之首后,自身一人进入华夏,任职暗部西部负责人,正式开始复仇。秦柯扫了算命先生手绘的二维码,下载了一款神奇的手机app,这款神奇app名曰“仙魔交易商城”,商城内买卖各种奇珍异宝,这些东西以前的秦柯莫说见过,就连想都不敢想。  从此,籍籍无名的平凡小青年,开始走上人生巅峰…普通大学生逆袭之路“别看这样,可我喜欢他哦,问为什么的话,因为他是我的英雄呀。” “能和他在一起的话,就算世界崩坏又能怎样?” “好了,开始今天异灵部的活动吧!” “额。。学姐,我想问一下,这个异灵现象研究部是进行什么社团啊?” “是超★异灵现象研究部!” “呃呃,好的。” “吭,异灵部呢,是以进行一项伟大而神圣的活动为目的,探索过去与未来无限的奥秘,找到现实与幻想之中的交点……” “比如说” “拯救世界?” “不,比拯救世界更重要!” “哈——”
怎么创建网站 微信大营销 信息安全培训机构课程 韩雪冬网站 如何建设公司门户网站 信息安全与企业 西安 网站搭建 网站设计模板 顺德网站建设信息 信息安全专业领军人物 人际关系不好的自我提升【www.richdady.cn】 解梦的自我提升【www.richdady.cn】 意外事故的主要原因分析【www.richdady.cn】 儿子不读书的案例分享咨询【www.richdady.cn】 人际关系不好的心理调适咨询【www.richdady.cn】 冤亲债主干扰对生活有哪些影响?【σσЗ8З55О88О√转ihbwel 如何解决孩子不爱读书的问题?【企鹅383550880】√转ihbwel 家庭关系的心理调适方法有哪些?咨询【微:qq383550880 】√转ihbwel 亲子关系的家庭氛围如何营造?咨询【www.richdady.cn】√转ihbwel 心特别累的前世记忆威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 佛教视角下的前世今生【企鹅383550880】√转ihbwel 前世今生的轮回有哪些科学依据?【微:qq383550880 】√转ihbwel 大龄剩女的婚姻建议【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世缘份的前世故事【σσЗ8З55О88О√转ihbwel 孩子不爱读书的阅读计划如何制定?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 有官司的心理调适【www.richdady.cn】√转ihbwel 大龄剩女的婚恋规划如何制定?【www.richdady.cn】√转ihbwel 亲子关系的改善方法【企鹅383550880】√转ihbwel 事业不顺的解决之道【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 莫名其妙感伤的心理调适咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 2017年429网络安全日 营销操作 更新网站内容有什么用 番禺高端网站建设公司 什么是搜索引擎营销 信息安全专业领军人物 网络安全 检测实验室 高校信息安全和网络 我国信息安全论文 珠海网站建设哪家好 信息安全密码设置要求 网站建设心得 信息安全应急响应机制 公告网络安全 网络营销的成本结构 gartner 信息安全趋势 网络信息安全ppt 建网站赚钱 完整的营销流程 信息安全专业领军人物 网站解析要多久 更新网站内容有什么用 网站建设 长春 网络安全法最新企业网站的类型 在百度上建网站 网络营销的5种类型 韩雪冬网站 营销的闭环 系统信息安全要求有哪些 信息安全周报 资讯网站排版3合1网站建设 乌海网站建设 信息安全资产 我身边的信息安全200,-1 餐饮网站建设 营销计划书 好模版网站 沈阳教做网站 网络信息安全泄露,-1 公告网络安全 长沙高端网站建设服务 医疗行业的网络营销 网络安全包含哪5个 建设企业网站平台主要的目的是 重庆全网营销协会 信息安全守则 建网站需求 龙岗网站优化公司案例 内容营销与传统营销的区别在哪里 内容营销与传统营销的区别在哪里 南平做网站 网络安全产品及服务 佛山购物网站建设 网络安全检测的步骤 龙口建网站 山西省网络安全评测中心 韩雪冬网站 餐饮网站建设 浙江高端网站 番禺高端网站建设公司 北京大学信息安全导师 信息安全展示平台,-1 网络安全 检测实验室 新营销策划 计算机网络安全应急 我国信息安全论文 网站解析要多久 网络安全态势感知平台 微信营销的认识和感想 网络安全soc 大学生网络安全知识竞赛 16达内网络营销盘 信息安全守则 有哪些网络安全机构 营销的含义 武汉 网络营销软件 网络安全大赛致辞 网络信息安全服务包括,-1 建设企业网站平台主要的目的是 网络信息安全公民权利 外贸建网站 顺德手机网站设计价位 营销操作 好模版网站 支付宝渠道营销策略 乌海网站建设 网络营销培训 微信营销的认识和感想 微信营销的目的 网络营销培训 网络信息安全公民权利 网络信息安全 撤销网站 网络安全包含哪5个 什么是搜索引擎营销 2016年网络安全现状 我身边的信息安全200,-1 龙口建网站 网络安全 检测实验室 大网站成本 展示型网站制作公司 网络安全 一句话总结 高校信息安全和网络 网站解析要多久 2016信息安全会议 山西省网络安全评测中心 网络安全编程 建网站空间 南平做网站 重庆全网营销协会 微信营销的认识和感想 gartner 信息安全趋势 网络营销有自学网站吗 风险评估管理软件 信息安全 比较 如何建设公司门户网站 网络广告营销方法有哪些 公告网络安全 vpn基础知识详解 三种vpn模式分析-网络安全7 我身边的信息安全200,-1 网站设计模板 系统信息安全要求有哪些 珠海网站建设哪家好 网络安全态势感知平台 支付宝渠道营销策略 网站解析要多久 武汉 网络营销软件 关于加强网络安全有何意义 佛山购物网站建设 办公网络安全建设 传统市场营销的要素 遵义做网站 网络信息安全ppt 台州网站设计外包 网络餐饮营销案例 怎么创建网站 信息安全守则 营销调研方法 网络安全产品及服务 北京大学信息安全导师 具有品牌的广州做网站 2016信息安全会议 办公网络安全建设 建网站赚钱 乌鲁木齐网站建设 南平做网站 b北京网站建设 网络安全法最新企业网站的类型 16达内网络营销盘 网络营销有自学网站吗 网络安全证明 网络信息安全 撤销网站 教育部高等学校信息安全专业教学指导委员会 公告网络安全 网络安全态势感知平台 新营销策划 建网站需求 系统信息安全要求有哪些 网站特效 信息安全 logo 餐饮网站建设 怎么做一个网站 asp.net网站设计 更新网站内容有什么用 浙江高端网站 b北京网站建设 智能社交营销信息安全专项检查 韩雪冬网站 病毒式营销消极方面 风险评估管理软件 信息安全 比较 网络营销特点 网络推广咨询整合营销 信息安全周报 信息安全专业领军人物 关于加强网络安全有何意义 微信大营销 珠海网站建设哪家好 建网站赚钱 龙口建网站 网站建设心得 网站优化课程 微信营销的认识和感想 公告网络安全 龙口建网站 网络餐饮营销案例 gartner 信息安全趋势 病毒式营销消极方面 网络餐饮营销案例 数据信息安全审计 美国信息安全战略 顺德网站建设信息 网络营销特点 优设网站 西安 网站搭建 建网站空间 上海做网站 公司排名 如何建设公司门户网站 餐饮网站建设 网络信息安全泄露,-1 台州网站设计外包 个人网站在那建设 佛山购物网站建设 北京网站制作公司招聘 b北京网站建设 网络营销观察 企业网络软文营销推广机构 网络广告营销方法有哪些 信息安全技巧 什么是搜索引擎营销 大学生网络安全知识竞赛 2015年6月 网络安全法 医疗行业的网络营销 微信营销的目的 建网站空间 aso营销 武汉 网络营销软件 信息安全与企业 传统营销的公司 网络安全产品及服务 信息安全密码设置要求 沈阳教做网站 计算机网络安全工具 莱州网站建设 好模版网站 微信营销的认识和感想 公告网络安全 展示型网站制作公司 新营销策划 衡水网站建设最新报价 系统信息安全要求有哪些 五华区网站 展示型网站制作公司 微信网站 影楼 网站解析要多久 信息安全认证公司 珠海网站建设哪家好 上海市网络安全办公室 b北京网站建设 网络信息安全公民权利 周一点子营销 我国信息安全论文 风险评估管理软件 信息安全 比较 网络安全 一句话总结 网站优化课程 网络推广咨询整合营销 传统营销的公司 网络安全 检测实验室 网络信息安全公民权利 大连网站制作 计算机网络安全工具 网络安全soc 网络安全产品及服务 西安网站优化 建网站需求 重庆全网营销协会 企业网络软文营销推广机构 网络信息安全 撤销网站 支付宝渠道营销策略 风险评估管理软件 信息安全 比较 番禺高端网站建设公司 上海整合营销公司 上海市网络安全办公室 2014中国网络安全攻防大赛 信息安全资产 网络安全态势感知平台 信息安全与企业 网站解析要多久 数据信息安全审计 优设网站 关于加强网络安全有何意义 网站建设与推广推荐 山西省网络安全评测中心 如何建设公司门户网站 佛山购物网站建设 gartner 信息安全趋势 如何攻破网络安全审计监控系统 网站设计模板 2017国家网络安全大会 个人网站在那建设 网站建设与推广推荐 支付宝渠道营销策略 怎么做网站优化 网络安全证明 医疗行业的网络营销 微信大营销 网络营销的5种类型 什么是搜索引擎营销 武汉 网络营销软件 网络安全包含哪5个 网络营销特点 网站特效 信息安全密码设置要求 资讯网站排版3合1网站建设 办公网络安全建设 韩雪冬网站 好模版网站 上海营销型网站 台州网站设计外包 番禺高端网站建设公司 大网站成本 网络营销的优点和缺点 外贸建网站 番禺高端网站建设公司 莱州网站建设 病毒式营销消极方面 信息安全应急响应机制 营销的含义 网络营销的优点和缺点 日本国家信息安全战略 什么是搜索引擎营销 顺德手机网站设计价位 上海整合营销公司 建网站需求 2017国家网络安全大会 知名网站制作公司青岛分公司功能性网站 吉首网站建设 餐饮网站建设 怎么做网站优化 信息安全应急响应机制 长沙高端网站建设服务 网络营销策划实训报告 网络营销的5种类型 网络信息安全公民权利 态势感知 网络安全 2016网络安全政策 网络营销特点 南昌的网站推广公司 网络信息安全公民权利 大连网站制作 办公网络安全建设 山西省网络安全评测中心 遵义做网站 西安网站优化 建网站需求 重庆全网营销协会 企业网络软文营销推广机构 网络信息安全 撤销网站 日本国家信息安全战略 韩雪冬网站 资讯网站排版3合1网站建设 浙江高端网站 网站设计模板 番禺高端网站建设公司 西安网站优化 成都社会化营销公司天津市信息网络安全协会 网站分辨率 营销的含义 病毒式营销消极方面 日本国家信息安全战略 aso营销 顺德手机网站设计价位 如何攻破网络安全审计监控系统