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
网络安全最基本技术是网站示例网站数据库制作做外贸网站网络安全攻击和防御快速网络营销软件权威的手机网站建设合山市网站英国信息安全服装页面设计的网站贾焰 信息安全当悲惨的命运降临在一个人头上的时候,无可奈何的选择离开这个世界的时候,却又莫名其妙的发生了难以想象的事情,一系列不愿意却又无可奈何的时候,却又无能为力的时候,他就像坐上了过山车一样,发生了惊险又刺激游戏一般的亲身体验,想停都停不下来。他自己已经难以承受穿越给他带来的折磨与痛苦。却又无能人能够帮助他的时候,他却意想不到的桃花运不断,一次次的穿越磨炼着他的身心,在那么难以承受的环镜条件下,却得到了终心不变的爱情,历尽磨难真情在,痴心不改遇良人,好不容得到了来之不易甜蜜爱情时,却又被穿越无情的分开。当他想尽一切办法想回到心爱的妻子身边却又回不去了,无奈放弃的时候。却又阴差阳错的又回到朝思暮想的妻子身边。这都是穿越的罪过,一次一次给了希望却,又无情的给了他失望。他的人生实在酷。从古至今天下第一奇人……异界的国度妖魔苏醒,那里即将面临生死劫难,轩辕庄就是摆脱生死劫难的寄托。轩辕庄自己在非凡经历得以砥砺成长。我秦飞,这辈子,有刀,有守护之人,足以。陈御芝醒来,发现自己穿越到了自己曾经玩过的游戏《域外仙魔》中,而随之而来的除了系统面板,还有绑定的太祖长拳。 你有法术,&amp;quot;看我太祖火球拳。”一拳击出,举火烧天 你是剑仙,&amp;quot;看我拳剑相杀。”一拳击出,万剑横空 任你万法齐出,我自一拳破之。 蓝星人族降临无尽大陆,成为县令,这里万族争霸。 降临之初,每位县令都会随机获得一座县城和兵营。 招募兵种,掠夺资源,建立王朝,争霸万族! 而白源发现,自己竟然可以给兵营、建筑、文臣武将甚至是自己刷词条! 金色词条【真龙天子】【治世贤臣】【乱世虎将】【天官赐福】 紫色词条【破军煞气】【金戈铁马】【平定一方】 白源将自己的麾下全部刷出神级词条,带领着自己的文臣武将,从一介小小县令开始,踏上万族争霸的无尽征程,慢慢的,他站在了世界的最高处,从零开始打造了无上神朝! 黑主学院,仿佛一切都还是那平静,可实际上危机已经来临……元老院……难道真的就不复存在了吗?血月下,那看似普通的少女却已经在谋划复仇的计划……【千术】+【悬疑】+【腹黑】 我出生千门,千门分八将,上八将和下八将,上八将才是千门正统,手法高明,多方配合,讲究‘术法’,下八将最为让人不齿,没有高明手段,只能坑蒙拐骗,坏事做尽。 我的叔叔是正统的千门正将,我和他学了很多手段,但十赌九亡,在我而立之年,因为千术而进去了,整日唱铁窗泪,现在我弃暗投明,想给大家讲讲我曾经的故事,起到一些警示作用……本是万千普通人中的一员,竟遇古装女子流落小巷,一向宅男的曹烨把女子领进了家里,却不知道女子另有秘密。穿越到各大武侠融合的世界,成为了宋朝的皇子,赵月轩很是无奈。 咦,剧情还没展开?那我就不客气了。 九阳神功,九阴真经,神照经,六脉神剑……都是我的。 无忌别慌,本皇子这里有一本九阳神功,以后你好好修炼,千万别相信女人的话,让大哥帮你对付他们。 郭夫人,你也不想郭大侠在外受到伤害吧……这是一部剧情完整的末世文,主角荒辰慢慢发育,在未世中成长。
网络营销课程短期班 做外贸网站 网络营销机会分析报告 计算机网络安全体系 各国网络安全投入 医院推广营销计划 转换营销 电子商务烟台网站建设 苏州网站推 app 网络安全 证书 大龄剩女的情感生活【www.richdady.cn】 大龄剩女【www.richdady.cn】 前世缘份的常见类型咨询【www.richdady.cn】 大龄剩女的婚姻选择咨询【www.richdady.cn】 自闭症的治疗方法【www.richdady.cn】 与公婆前世的前世缘分咨询【σσЗ8З55О88О√转ihbwel 升迁障碍的改运方法【企鹅383550880】√转ihbwel 升迁障碍的职场策略有哪些?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 孩子不爱读书的心理分析有哪些?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 脑部不清晰的咨询技巧【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 心慌胸闷头晕【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世老婆的前世解析咨询【www.richdady.cn】√转ihbwel 前世老公的前世案例【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 如何了解自己的前世今生【微:qq383550880 】√转ihbwel 如何知道自己是否有前世缘份?【微:qq383550880 】√转ihbwel 如何应对冤亲债主的干扰【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 与女友前世的前世修行咨询【σσЗ8З55О88О√转ihbwel 迟缓儿的康复训练【企鹅383550880】√转ihbwel 前世老婆的前世故事【企鹅383550880】√转ihbwel 孩子压力大的前世记忆【www.richdady.cn】√转ihbwel 网络安全改造 长春市网站推广 莱州网站建设 信息安全研发培训 近期网络安全论坛 海南网站优化 4月29日网络安全日 网站创建流程教程 网站建设访问人群 服务行业营销策划案例 开发网站的目标 小数据 信息安全 ppt 禅城区网站建设公司 sem搜索引擎营销案例 营销博文怎么写 手机查看网络安全 网络安全知识教育平台 长沙手机网站设计 深圳 网络安全 北京 网站建设 网络安全渗透测试 英文版 网站营销 济宁网站制作 网络营销理念包含哪些内容 深圳网站设计美工 进行公司网站建设方案 企业网站设计欣赏 服装页面设计的网站 北京高端网站定制公司 网站被降权 海丰网站建设 北京搜索引擎营销外包 北京网络安全展 什么是工业网络安全 广州做网站 模板型网站 服装页面设计的网站 自主免费建站网站 川大信息安全研究所苏州网站建设logo 网络安全最基本技术是 展示网站和营销网站的区别 网络安全完全宝典 做外贸网站 免费商城网站 网络营销利 网络安全法 息息相关 长沙网络营销策划 重庆 手机网站制作 第十届全国信息安全 车辆网络安全 机械行业营销型网站 江西网络安全 win2003 asp.net网站服务器被恶意占据宽带 近期网络安全论坛 长沙手机网站设计 好模板网站 病毒营销的特点是什么 海南网站优化 网络营销的层次 网络营销的竞争分析报告 网络信息安全知识 4月29日网络安全日 信息安全研发培训 外贸网站定制 网络安全法 应急预案 网站创建流程教程 网站设计品 网络安全名师 深度科技商业官方网站 网站建设访问人群 在线营销工具 肇庆做网站 网站示例 服务行业营销策划案例 淮北网站设计 网站示例 网站创建流程教程 开发网站的目标 广州做手机网站咨询 网络营销模拟报告 网络安全改造 小数据 信息安全 ppt 网络安全知识教育平台 医院推广营销计划 网站模板设计 禅城区网站建设公司 整合营销公司简介 北京网络安全展 微博营销是一项系统工程微博营销的操作模式包含以下哪些? sem搜索引擎营销案例 莱州网站建设 合山市网站英国信息安全 南京搜索引擎推广营销 营销博文怎么写 政府网络信息安全方案 网络安全项目验收 android 网络安全 手机查看网络安全 提高网站排名 网络安全产品备案 肇庆做网站 网络安全知识教育平台 微信营销成功的关键 提高网站排名 设计网站需要考虑哪些 长沙手机网站设计 2017网络安全会议搜索 设计网站需要考虑哪些 青岛网站设计公司电话 深圳 网络安全 国家网络安全测评中心 网络营销3.0 电子书 网站建设访问人群 北京 网站建设 南山网站建设公司 嵌入式与网络信息安全哪个好 制作网站的步骤 点击asp网站里的外链却自动在外链前面增加自己的域名了? 富阳网站 无锡网站推广 信息安全博士就业 营销品牌类公众号 开发网站的目标 网络安全完全宝典 服务类做网络营销 湖南网页设计培训网站建设营销工程师 济宁网站制作 网络营销的层次 深圳 网络安全协会 国家信息安全等级保护工作协调小组,-1 网站建设及优化 赣icp 如何培养网络安全人才 网站建设免费 国家信息安全周时间 免费商城网站 网站建设及优化 赣icp 进行公司网站建设方案 网站模板设计 支付产品营销推广方案 进行公司网站建设方案 国家信息安全等级保护工作协调小组,-1 2017 7月27信息安全 计算机网络安全体系 青岛网站设计公司电话 2010年网络营销常用词 广州做网站 服装页面设计的网站 网络安全与国家安全 电商营销能看的书籍 网络安全渗透测试 英文版 服务行业营销策划案例 北京高端网站定制公司 网络营销课程短期班 网站后台修改内容看不见了 深圳 网络安全 网站主色调简介怎么说 网站被降权 分栏式的网站有哪些 网络安全名师 微信营销代理分级软件 网络安全公网接入网络安全专家条件 网络信息安全与防范技术 2016信息安全联盟大会 济宁网站制作 怎么取消网络安全密钥 网络安全改造 sem营销策划方案 深度科技商业官方网站 网络安全攻击和防御 长春市网站推广 快速网络营销软件 网络营销代表 网络信息安全与防范技术 莱州网站建设 武汉全网营销推广 贾焰 信息安全 国家信息安全周时间 信息安全研发培训 机械行业营销型网站 江西网络安全 win2003 asp.net网站服务器被恶意占据宽带 个人网站自助建站 网络营销的相关新闻 湖南网页设计培训网站建设营销工程师 动态网站制作 企业网站设计欣赏 信息安全的分类 营销活动公司 重庆 app 网络安全 证书 信息安全管理手段 网络安全产品备案 川大信息安全研究所苏州网站建设logo 网站开发 价格 第十届全国信息安全 新建网站 常州网站制作包括哪些 长沙网络营销策划 珠海做网站 网络安全宣传单内容 2017 7月27信息安全 营销博文怎么写 网络安全 菜刀 深圳 网络安全协会 新闻事件营销的特点 2016信息安全联盟大会 如何建购物网站 第十届全国信息安全 公司信息安全工作建议和意见,-1 祥云网站建设 金融营销的网站设计案例 怎样建立自己的网站 什么是工业网络安全 北京搜索引擎营销外包 网站营销 营销活动公司 重庆 苏州网站推 权威的手机网站建设 重庆 手机网站制作 微信营销代理分级软件 电子商务烟台网站建设 车联网信息安全测试 政府网络信息安全方案 如何培养网络安全人才 防火墙是网络安全的屏障 长春市网站推广 网络安全工作创新 自主免费建站网站 网站建设流程图 2017年信息安全形势网络营销的理论体系 怎样建立自己的网站 南京搜索引擎推广营销 网站建设免费 网络营销理念包含哪些内容 网络营销模拟报告 企业信息安全物理安全 网络营销与物流 手机查看网络安全 网络安全与国家安全 网络安全工作创新 网站搭建公司官网 免费商城网站 北京网络安全展 网络营销代表 做外贸网站 海丰网站建设 网站主色调简介怎么说 电子商务烟台网站建设 相宜本草口碑营销 浙江大学 信息安全 实验室 网络安全项目验收 外贸网站定制 国家信息安全等级保护工作协调小组,-1 唯品会营销在哪里找 网络营销理念包含哪些内容 车辆网络安全 信息安全的分类 常州网站制作包括哪些 网络安全类网站 病毒营销的特点是什么 网站开发 价格 企业网站设计欣赏 南山网站建设公司 深圳网站设计美工 网络营销机会分析报告 模板型网站 整合营销公司简介 工信部 信息安全要求 广州做网站 网络安全类网站 网络营销利 潼南网站建设 网络安全法 息息相关 网络安全法逐条解读 锐捷网络安全产品分析报告 建个简单网站 美国网络安全 会议 2017网络安全会议搜索 手机网站开发制作 网络安全 菜刀 建个简单网站 香奈儿的营销 2017年信息安全形势网络营销的理论体系 防火墙是网络安全的屏障 网络营销的相关新闻 川大信息安全研究所苏州网站建设logo 模板型网站 网站数据库制作 2010年网络营销常用词 网站建设流程图 各国网络安全投入 怎么建com的网站 android 网络安全 网络营销机会分析报告 服装页面设计的网站 展示网站和营销网站的区别 长沙网络营销策划 信息安全管理手段 富阳网站 邢台做网站可信赖 网络安全攻击和防御 各国网络安全投入 转换营销 怎么取消网络安全密钥 澳洲网络安全挑战赛 怎么把网站黑掉 网络安全最基本技术是 珠海做网站 青岛高端网站设计 长安微网站建设 个人网站自助建站 网络营销的相关新闻 湖南网页设计培训网站建设营销工程师 动态网站制作 企业网站设计欣赏 信息安全的分类 营销活动公司 重庆 app 网络安全 证书 信息安全管理手段 网络安全产品备案 川大信息安全研究所苏州网站建设logo 网站开发 价格 第十届全国信息安全 新建网站 常州网站制作包括哪些 长沙网络营销策划 珠海做网站 网络安全宣传单内容 2017 7月27信息安全 营销博文怎么写 网络安全 菜刀 深圳 网络安全协会 新闻事件营销的特点 2016信息安全联盟大会 如何建购物网站 第十届全国信息安全 公司信息安全工作建议和意见,-1 祥云网站建设 微信营销成功的关键 服务类做网络营销 网络营销课程短期班 小数据 信息安全 ppt 青岛网站设计公司电话 网络安全法 应急预案 服务类做网络营销 近期网络安全论坛 医院推广营销计划 潼南网站建设 近期网络安全论坛 祥云网站建设 北京高端网站定制公司