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 网络安全威胁常见的有哪几种 关于网络安全的信息安全 国家空间网络安全学院 银行员工如何防范信息安全 东莞营销网站制作 孩子压力大的案例分享【www.richdady.cn】 前世缘份的前世故事【www.richdady.cn】 感情纠纷的情感疏导技巧有哪些?咨询【www.richdady.cn】 内心恐惧胆怯的咨询技巧咨询【www.richdady.cn】 前世今生咨询【www.richdady.cn】 强迫症的前世因果【微:qq383550880 】√转ihbwel 孩子压力大的改运方法【微:qq383550880 】√转ihbwel 灵魂种子治疗威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 邪灵的定义与特征咨询【www.richdady.cn】√转ihbwel 性压抑的案例分享咨询【www.richdady.cn】√转ihbwel 迟缓儿的自我提升咨询【www.richdady.cn】√转ihbwel 前世因果咨询【σσЗ8З55О88О√转ihbwel 莫名其妙感伤的前世记忆咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 大龄剩女的职场发展咨询【微:qq383550880 】√转ihbwel 存不住钱的财务规划【σσЗ8З55О88О√转ihbwel 存不住钱的案例分享【企鹅383550880】√转ihbwel 事业不顺的心理调适咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 去世的母亲在哪威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 迟缓儿的康复训练威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子厌学的前世因果咨询【微:qq383550880 】√转ihbwel 网络安全技术与防范 营销工程师 公司网站重新建站通知做网站技巧 上海网站改版 静安西安网站建设 病毒营销的特点是什么 色调网站 网站建设小技巧 门户网站制作 网站大图片优化 邢台网站制作哪家强 网络安全人员评估法案 产品网络安全认证证书 深圳 信息安全 青岛网站制作 网络安全法 重点 信息安全与通信行业协会 信息安全 pdca 兰州网站建设报价 事件营销的优缺点 东莞做网站公司 网络安全史上著名事件 信息安全形势 .网站排版 专业网站设计建站 专业的外贸网站 公司网络安全重大事件 怎么管理网站添加代码 找人做网站 石家庄网络安全管理局 虎门做网站 公司网站开发制作 网站聚合页 信息安全技术及应用顺德门户网站建设公司 互联网广告营销案例 专业的网站设计师 建站公司 网站 建站公司 网站 毕马威 网络安全法 兰州网站建设报价 信息安全在线网课 长春市网站推广 文昌网站建设 360网络安全技术 营销工程师 龙岩网站制作 国家空间网络安全学院 温州网站建设联系电话 公司网站重新建站通知做网站技巧 网站建设公司是什么 网络安全审计参数 网络安全技术实训 上海网站改版 伪静态网站 衡水做网站公司 创手机网站 静安西安网站建设 做外贸网站互联网信息安全的解决最终还是要 免费网站设计 网络安全法 重点 病毒营销的特点是什么 建网站用什么语言 qq营销技巧 涪陵做网站 色调网站 免费网站设计 信息安全技术及应用顺德门户网站建设公司 网络安全硬件产品 网站建设小技巧 涿州做网站 龙岩网站制作 公司网络安全重大事件 门户网站制作 2014(第七届)全国网络与信息安全学术会议,-1 企业品牌宣传型网站 企业信息安全保护的重要性 信息网络安全管控 专业的外贸网站 网络整合营销的例子 邢台网站制作哪家强 为何要网络安全审计 免费网站建站 sem营销策划方案 网站大图片优化 信息安全主要研究内容 关于信息安全的新闻 网络安全虚拟化 网站聚合页 信息安全培训报告 银川网站设计怎么样 网站制作 价格 网络市场的营销策略分析 网站的大小 东台网站制作 石家庄网络安全管理局 网络与信息安全等级保护 php 网络安全 邢台网站制作哪家强 中国网络安全平台 网络安全后立法时代 浙江省信息安全等级保护测评机构 浙江省信息安全等级保护测评机构 网站聚合页 伪静态网站 网络与信息安全等级保护 提高家庭网络安全 网络安全动画 找人做网站 专业网站设计建站 网站二次开发 2016国内信息安全会议 网络营销教学 个人信息安全保护研究意义 网络安全必要性2016 兰州网站建设报价 网站的大小 网络营销信息传递原则 微信运营营销的区别是什么意思 青岛专业餐饮网站制作 网络安全主要涉及( )信息传输安全网络应用安全等3个方面 .网站排版 信息技术与信息安全 域名分为 潮州seo营销 合肥需要做网站的公司 营销 沙龙企业网络安全方案集团公司广域网组建 360网络安全技术 健身器械网站建设案例 网络安全系统 苏州网站制作 企业网络安全管理 网站的不同类 个人注册网站.com 全网营销模式 全网营销模式 网络安全主要涉及( )信息传输安全网络应用安全等3个方面