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
网站建设价目中山精品网站建设策划许可营销工具有哪些?软件网络安全认证证书营销锦囊网络安全工程 培训哪里好监控网络安全方案计算机网络安全资料如何攻击网站南宁市做网站的公司销售型网站模板 当稚嫩少年遇到乱世风云,当家园遭到野蛮的屠杀,当亲人的胸膛在少年眼前被利剑贯穿,一切报复都难以抹去血海深仇。亲人的血液沾染了双手,泪水已然流尽。 当少年不再流泪,当少年不再为私仇,当少年心怀天下与黎民,仇恨得到原谅,乱世已然成历史,少年已然成暮年。穿越成首富之子,生活乐无边。 某一天,二娘竟然为了钱,逼我娶女魔头。 为了自由,揭竿而起,我从今天起直播带货。 一不小心就暴富了是怎么回事? 在古代直播带货,后宅夫人们,不要太爱我!蓝星,一场突如其来的变异让很多人都变成了神通广大的孙猴子,是大闹天空,还是西天取经?这是个问题。 异变让个体的力量不断突破峰值,强大的个人伟力是野心最好的助生药剂,异能与科技不断碰撞,野心、梦想、希望与阴谋相互交汇,又将会编制出怎样的章篇? 异变打破社会现有的固话,粗鲁的将一切重新洗牌,有人欣喜若狂,有人如丧考妣,很多人因此夜夜难眠,然而真正的危机却在大海中不断萌发,它来自于银河之外,地球对它来说只是一个新奇的玩具,毁灭你,与你何干? 十年磨一剑,霜刃未曾试,诸君且看!机缘巧合下,林星得到了神针空间,空间里有用不尽的灵水。 灵水喷洒过的果树,果子美味。 灵水种出来的花草,品相极佳。 灵水浇灌过的药材,价值翻倍。 除了种田,神针还有别的功能等待林星一一开发! 守着山头种树养花种草,养只看家猫,林星的小日子过得不要太滋润。 三番四次偶遇大明星顾若曦,她有一个林星的秘密……世界末日,全球冰封! 冰河世纪重临,人类崩盘,文明崩盘! 在末日天灾的即将降临的最后一年里,秦歌携拯救末世的使命,穿越而来。 地下龙国仿佛突兀而生,一夜之间,闻名全球。 “我的祖先源自唐朝的长安,也算半个龙国人。求求你,让我进入龙国吧!” “起开,我家从民国时才移民的,血统比你纯净对了,我们比你有资格进入龙国!” 那一刻,举世瞩目。 人类文明的火种能否得以延续,一切,都看龙国!傀儡挣不脱手的操控,风鸢扯不断线的束缚。但你是否甘心? ...... “执吾契约,为吾使徒!天地常在,子亦长存。愿否?” “终为始,始亦终。化身尘土,还灵天地!愿否?” ...... 苍老的声音在雾海中翻腾,沉默等待那意料之中的答案...... ...... 前科幻频道《星徒》作者,日更连载1076天无断更。 地图设定、3D人设、作者信息尽在公众号,搜索“游云之语”或者“cloud-whisper”众星归位,不可名状的漆黑从天幕降下,向陆地蔓延。从深渊底层,混沌朝上一路扭曲疾驰而来。当触须沿着街道,穿过小巷,潜入家中,最后在一个刚将手伸进裤子的男人面前,它们还是选择了停下脚步。 “这位更是重量级”“不是吧阿sir这都能冲”它们用未知的语言交谈着,远离了疯狂挽留的黎普。一座沉寂的山,突然有一天吸引了一干人来,原来他们揭开的,将是古老而神秘的——灵魂再生一座平平无奇的小中学,却隐藏着许多不,寻常的人…… 末日即将来临他们不得不出山去拯救世界……………………楚天穿越到这个世界,在先帝驾崩后,乃是新皇不二人选。 然而,登基之际,遭受奸人所害,丹田破碎,修为尽失,流放边疆。 幸好觉醒签到系统,奖励先天圣体道胎。 从此踏上一条签到即无敌的路。 短短几十载,便镇压寰宇,震慑诸天,登顶巅峰。 “皇兄,我镇守边关多年,杀妖魔、除草寇,击退敌国,镇压诸天万界。” “你看这皇位,是不是该归还于我?”楚天举世无双,抬手万道颤栗,平静说道。
大学生公众号 营销 自己建网站的优势 餐饮网络营销策划方案 营销锦囊 国家信息安全问题,-1 信息安全系统集成资质 dw做网站 医疗网站建设 网络安全部队 国际网络安全会议 婚姻生活不顺的解决方法【www.richdady.cn】 升职加薪的障碍分析咨询【www.richdady.cn】 前世今生的缘分再续【www.richdady.cn】 婚姻生活不顺咨询【www.richdady.cn】 邪灵的驱除仪式咨询【www.richdady.cn】 孩子学习不好的自我提升咨询【微:qq383550880 】√转ihbwel 不爱读书的改运方法【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 过世前可能出现的征兆【www.richdady.cn】√转ihbwel 儿子不读书的环境影响咨询【σσЗ8З55О88О√转ihbwel 去世的母亲的咨询技巧【微:qq383550880 】√转ihbwel 投资项目【微:qq383550880 】√转ihbwel 忧郁症的治疗方法咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 耳鸣的解决方法咨询【微:qq383550880 】√转ihbwel 与男友前世的前世修行咨询【企鹅383550880】√转ihbwel 如何避免无形干扰因素【企鹅383550880】√转ihbwel 孩子学习不好的辅导方法【www.richdady.cn】√转ihbwel 亲子关系的教育策略咨询【微:qq383550880 】√转ihbwel 冤亲债主的干扰案例【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婚姻生活不顺的前世记忆咨询【微:qq383550880 】√转ihbwel 心慌胸闷头晕的心理调适咨询【企鹅383550880】√转ihbwel 计算机系网络营销学校 河南做网站 信息安全保障强调依赖( )实现组织的使命 网站买空间 互联网营销是干什么的 绵阳科技网站建设 信息网络安全技术信息安全红蓝队 企业网络安全的 思考体验营销 大学生公众号 营销 开展网络安全宣传 网络安全部队 服务营销缺点 销售型网站模板 网站建设深 网络安全防护技术应用 大学生公众号 营销 如何攻击网站 高端电子网站建设 厦门酒店网站建设 营销年会 杭州网站推广 企业营销网站建设 网络信息安全组成员 计算机系网络营销学校 西安营销型网站 营销技术 优化:高效的seo社交媒体和内容整合营销实践及案例 pdf 什么叫事件营销 网络安全行业协会 互联网营销 自学 外卖网站设计 计算机网络安全漏洞 做网站网络公司 全国计算机信息安全技术 长沙做网站的公司 网站的运营成本 如何做好网站 营销邮件的发送方式 建网站软件 计算机系网络营销学校 网站怎么吸引人 许可营销工具有哪些?软件网络安全认证证书 公安局信息安全,-1 河南做网站 营销型网站建设明细报 山东省网络安全技能大赛官网 长春长春网站建设网 信息安全保障强调依赖( )实现组织的使命 新媒体企业微信营销成功案例 网络营销模式的特点是什么 网络安全行业协会 酒泉做网站 高端电子网站建设 互联网营销 自学 富阳网站建设怎样 中山精品网站建设策划 四川微信网站建设 网络信息安全的小说 网络安全事件应急响应时间要求 绵阳科技网站建设 杭州网站推广 网络安全攻防比赛 网站设计工 旅游电子商务实训平台 旅游资源规划开发实训平台 网络营销实训平台套 新疆信息安全测评中心 做网站网络公司 大连营销外包公司 网络安全管理方法论 锦州做网站 富阳网站建设怎样 腾飞网络营销好吗? 网站设计工 网站盈利了政府信息安全评估报告 网站建设深 企业网络安全解决方案 海外营销策划方案 宁波信息安全 建网站软件 新营销系统 等级保护网络安全 大连营销外包公司 酒泉做网站 网站的运营成本 互联网营销的哪些特征 思考体验营销 美国网络安全攻防 微信群营销推广方案 信息安全分级技术 企业网络安全解决方案 绵阳科技网站建设 如何攻击网站 锦州做网站 镇江网站优化 企业营销网站建设 在常用的网络营销方法中哪些网络营销的方法更适合中小企业 日照网站建设 绵阳科技网站建设 国外网络安全品牌 高端电子网站建设 营销邮件的发送方式 涿州网站建设 营销包含哪些 网络营销模式的特点是什么 营销电商 营销的区别 广西网站建设公司 杭州网站推广 山东省网络安全技能大赛官网 关于网站建设live2500 腾飞网络营销好吗? 成都网络营销整体外包 四川微信网站建设 网络安全产品选型网站 设计 深圳 营销型网站建 医疗网站建设 成都 企业 网站制作 建网站软件 ps做网站 茂名网站建设 企业网络安全解决方案 网店营销培训 咸宁做网站 西安营销型网站 网络安全攻防比赛 长春长春网站建设网 设计网站的元素 营销推广软件 信息安全流程框架,-1 日照网站建设 网络安全防护技术应用 网络安全部队 营销型网站建设明细报 富阳网站建设怎样 计算机系网络营销学校