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网站销售方案怎样做网站2017国际网络安全每日信息安全资讯银行 信息安全 案例网络安全宣传周资料''sns社交营销案例分析世界遭到入侵,最强武道大帝力战而亡,重生在九千年后的世界,成了酒馆的店小二,并觉醒了全能系统。 通过系统,张易能够看穿世间功法、丹方和对手的缺陷。 为了抵抗即将而来的乱世,张易再次踏上修炼之路。 在他破格的实力下,对他心怀敬畏的人、闻名而至的人、求爱的人络绎不绝。 然而,就在他步步建造势力之时,那过去让世界陷入恐怖的危险,又开始在暗地里行动了……*****《流浪在仙界》的有声图书已经在喜马拉雅上架了,多谢各位多去关注。*****百里长青穿越到仙界后发现:地球的心法远不如仙界的功法,但地球的武技却远高于仙界的武技。 汉武帝以:“侠者,以武犯禁”为借口,将江湖上的大部分武林高手围剿斩杀。百里长青(原名郭解)和他的八个兄弟,四个婢女,七个徒弟,还有五千个生死兄弟,在卫青大将军的十万大军合围后,全部万箭射杀,最后被仙界大佬救下灵魂穿越到仙界的凡人界,要求他们去仙界完成一个非常重要的任务。 百里长青带着他的兄弟和徒弟在仙界杀进凡人界,仙人界,神界等一个又一个的大陆,破解一个又一个的惊天阴谋,最终尘埃落定! 三世为人,穿越到仙界后百里长青一切看淡,性格大变,游戏风尘,风趣幽默尽在本书中。 【无系统】【传统玄幻】【权谋争霸】【屠神以正天道】 我从血月之夜杀出,本想安稳度日,并无登天之志。 但奈何, 圣皇说:你活着就是原罪!就地伏诛! 仙人说:你活着就是原罪!请君以死赎罪! 古神说:你活着就是原罪!灭世大劫,因你而起! 既如此,我李不器便只能持刀向前,灭圣皇、斩仙人、屠尽诸天古神,还这世间一个朗朗乾坤!元宇宙经典游戏出马传奇,沈庸一人独开四号,各有所长 另有三位妹妹辅助,四人共同纵横驰骋,称霸游戏!三站之后,出现了短暂的平静,三年后,s市事件成为新的导火线,那些潜伏在黑暗中的人,渐渐的开始活跃起来,而这场风暴将会揭开这世界的真相。 一个异能纵横的世界,一个心战大师如何在这场尔虞我诈的博弈中胜出……第三次世界大战后辐射扩散到宇宙各处,人类的基因发生了奇怪变化,就连地球也变了样。石小方是个很方正死板的人,说了不能妥协就是不能,说了不能少泡一个就是不能,一直以自己所能想到的各种无耻借口做着方正而死板的自己。但是现在的他很方,他只是个打算如方石一般横扫过人生这个终将有终点的大滑坡,怎么突然就告诉他,这个滑坡之下,是修真界这片汪洋大海呢? 俗世百年,我的钱呢?我的妞呢?我的七情六欲,你一片海就要我全丢了,去做你的定海神石?想得美呢吧老头子们!师父说他道心天成,生而近道,是天生的仙人;师兄说要收他做小弟,主角光环罩着他;小师妹让他小心神女龙女魔女妖女圣女,出门在外记得保护好自己;亘古不散的残魂说他是洪荒的幽灵,摊上大事了,别想安生…… 懒鬼师父且不说,洛清尘打定主意是要离大师兄远点的,以免出意外,毕竟大师兄的机缘总是很废队友。至于心怀不轨的小师妹,最应该提防的难道不是她吗? 本欲世外清修做个仙人,奈何大道锁途,万古的残梦未散,终是不得闲。洛清尘入世种因,出世讨债,斩道斩道,剑斩的既是凡尘枷锁,却也是自己的道。 “道友,交易否?童叟无欺,等价交换!”诸天万界,仙古苍穹,帝者不过十人。本是先天剑体,天纵骄子,却惨遭陷害,葬剑百年。 我姜北玄修剑证道,不为别人,只为心中执念,剑气乾坤诸天,一剑苍穹万界——北玄之下再无剑帝。
东莞全网营销网络推广方案 微博营销的形式 承德网站建设 网络与信息安全期刊 简述网络营销及特点是什么意思 电力行业信息安全等级保护 酒店网络营销方案样版 专注电子商务网站建设 战略性网络营销策划书 网络安全法 启明星辰 发育倒退的原因分析咨询【www.richdady.cn】 孩子不爱读书的原因【www.richdady.cn】 磁场化解服务【www.richdady.cn】 不爱读书的案例分享咨询【www.richdady.cn】 头脑混沌的心理调适咨询【www.richdady.cn】 孩子不爱读书的阅读习惯【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 耳鸣的心理调适【www.richdady.cn】√转ihbwel 如何化解冤亲债主的干扰?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 感情纠纷的情感疏导技巧有哪些?咨询【www.richdady.cn】√转ihbwel 与女友前世的前世修行咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 与男友前世的故事分析咨询【www.richdady.cn】√转ihbwel 家宅磁场【σσЗ8З55О88О√转ihbwel 强迫症的案例分享威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与老公前世的前世解析【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 事业不顺的咨询技巧【www.richdady.cn】√转ihbwel 事业不顺的前世因果【σσЗ8З55О88О√转ihbwel 儿子抑郁症的治疗方法【www.richdady.cn】√转ihbwel 孩子厌学的原因分析咨询【企鹅383550880】√转ihbwel 强迫症的前世因果【微:qq383550880 】√转ihbwel 婴灵的超度仪式如何进行?【企鹅383550880】√转ihbwel 实现微信微博微官网聚合营销一体化的移动互联电子商务解决方案 2012年中国互联网网络安全报告 中石油信息安全~ 主要的信息安全威胁有? 网站设计公司北京 信息安全管理中心,-1 四川互联网营销公司 惠州做网站公司 电子书营销的特点 信息安全专业岗位 微博营销的形式 如何进网站 承德网站建设 武汉网站设计公司排名 sns社交营销案例分析 网络安全字体的图片清徐网站建设 淄博网站建设有实力 郑州网络营销外包 改图网站 信息安全官 如何防范信息安全风险 太原网络营销师培训 独特网站的 中央信息安全委员会 中国个人信息安全 网站选项卡 美国网络安全峰会 济南网站制作 搜索引擎营销是一种 苏州专业做网站信息安全产品社会效益 网络安全法 启明星辰 asp网站制作 自助网站建设 1、大型门户网站服务功能 电商网站有哪些类型 深圳网站制作公司人才招聘 cmcc web 网络安全吗 中国地区2013 年第四季度网络安全威胁报告 - 趋势科技. 饥饿营销是经济现象吗 南京网站建站公司 战略性网络营销策划书 营销策划服务平台 网络与信息安全管理员,-1 战略性网络营销策划书 网络营销工具和方法有哪些内容 深圳网络营销师招聘信息 北京招聘网络安全 网站 体系 推广类网站 上上海银基信息安全技术有限公司 网络安全测评机构 辽宁 app网站公司 自助网站建设 网站建设经验心得 《信息安全研究》 学习网络安全技术最好的地方 实现微信微博微官网聚合营销一体化的移动互联电子商务解决方案 信息安全管理中心,-1 绵阳公司商务网站制作 重庆微信营销 asp网站制作 东莞全网营销网络推广方案 上上海银基信息安全技术有限公司 映客 营销 公安部网络安全会议 网络与信息安全期刊 网站选项卡 cmcc web 网络安全吗 房地产网站建设解决方案 淄博网站建设有实力 网站设计公司北京 网站选项卡 网络安全管理技术和应用 深圳网站 第三方平台的营销方式 网络安全管理技术和应用 中石油信息安全~ 实现微信微博微官网聚合营销一体化的移动互联电子商务解决方案 内容营销工具有哪些内容 网络营销工具和方法有哪些内容 linux网络安全招聘 营销推介 网站销售方案 网络安全培训可见 电子书营销的特点 成都网络安全公司排名 什么叫新闻营销 泉州网站设计 腾讯营销案例 网络营销策略心得 深圳网络营销师招聘信息 昆明网站建设多少钱 营销广告语 网络安全管理流程 2012年中国互联网网络安全报告 青岛做网站建设的公司 不正常营销 网站首页页面设计 独特网站的 信息安全和软件开发 网站制作公司哪家专业 信息工程 信息安全 企业做网站天津 网站主色调 自己造网站 自助网站建设 购物网站推广 国家信息安全漏洞库 优秀的网站设计案例 怎样开展内容营销 国家网络安全局巡视 中石油信息安全~ app网站公司 企业信息安全事故案例 乌鲁木齐网站建设政府网站 欣赏 网络营销漏斗图 香港外贸网站建设 独特网站的 怎样做网站 怎么买网站 电商网站有哪些类型 佛山网站建设怎么做 电力行业信息安全等级保护 济南网站制作 东营有网站 活动营销 自己造网站 核心网络安全小组网络安全专家指导 超简单网站 莞城网站制作 中国地区2013 年第四季度网络安全威胁报告 - 趋势科技. 邮件营销电子邮件模板 网站链接数 对网络营销弊端的看法 天津 网站设计公司