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
北京学网络营销网络信息安全实践报告专业网站运营托管信息安全等级保护培训考试唐山网站建设手机网站制作时应该注意的问题九江网站建设营销的意义青岛网站制作互联网网络安全态势报告獬豸不想理你,并向你丢了一个奥利给[主角+反派+系统+无敌搞笑流]、[双主角+主角+反派] 主角叶小青,穿越异世界拥有的无敌升级系统,从此以后,对于他从此以后发暂,他自己要默默的卷,他叶小青要默默的努力,低调的发展,争取有一天可以惊艳所有的人,让他们为自己感到骄傲。走上人生巅峰的道路。 ,,,, 反派,林展,他就是一个恶魔在林家简直是无恶不作,无法无天。 天天就知道,坑蒙拐骗,还会仗势欺人,把年轻的林家弟子们,直接吊的打。 却自认为自己从小少年便觉得自己就潜力不凡,天资聪颖,天赋异禀,拥有的无敌之姿, 后来林展,明白了一件事情,他老爹就是一个冷血无情没有感情的人。 便想的离开,这个让少年寒心的,冰冷无情的父亲,想着去看看远方。 本少爷的征途就是那无尽的璀璨辉煌,光彩夺目的星空与大海。 ,,,,简介:邓家国本是一个普普通通的古董店老板,靠着贩卖虚假的古董混日子,不料在某一天被一老太婆讹走房租,又被客人指认卖虚假古董,为此倾家荡产,不得已,邓家国只好与何萧等人一起盗墓,本以为盗墓是一件轻松又赚钱的活,却不曾想到他竟差点葬身此事,周围伙伴的接连“殉职”让他的心态发生了微妙的变化,最终,他会做出怎样的抉择呢?是继续盗墓,还是……林楚重生2005,高考结束,青春正浓。 他真没想过要重生。 所以,在这个本该意气风发的年纪,他迷茫了…… 是在学术领域取得傲人成就,还是于花丛之中肆意驰骋? 2005,一个不远,也不近的年代。 这个年代,似乎可以利用先知先觉,挣点小钱? 开个小店,做个游戏,搞个公司…… 蓦然回首,林楚发现,自己早已在沉浮的商海之中,主宰了乾坤! 见千年前的那场旷世大战,将这片大陆的格局重新改变。 几千年的进步,这片大陆步入了现代社会,却依然有人在追寻仙法的本源,最终他们得到了这样的答案。 金、木、水、火、土、风、雷、冰、光、暗、音、以太,十二种已知最直接的元素力量,是仙术?是法术?还是是魔法? 不!在这个世界里,它们就是纯粹的元素,是规则衍生出来的力量。 谁能坚持到最后,谁能更好的使用这种元素之力,谁就能成为这片大陆的传说。人的一生,高低起伏。 你是不是天才,出生就已经注定,但你会不会成才这可说不一定。 历尽沧桑,是否会觉得其实自己不过一粒微尘?携系统穿越大唐的赵辰本想做个咸鱼。 没事的时候,种种地、钓钓鱼。 哪想有日,一自称老李的中年男人突然跑过来,说要带赵辰回宫当太子。 赵辰:“当太子什么的没意思,不如我出技术你出钱,咱先在家打打铁!” 老李头大手一挥:“打铁好啊,锻炼身体,要钱管够。” 赵辰:“不如咱挖运河,造福百姓。” 老李头:“好,给钱。” 赵辰“不如咱铺路……” 老李头:“给钱。” 赵辰:“不如……” 老李头:“给……啥,国库空了?” 看到自己省吃俭用,积攒了十年的国库,现在竟然连老鼠都饿死几只,老李头气的大骂赵辰败家。 却不想第二天,老李头便见万国来朝,说要朝见太子殿下……别人穿越都是封侯拜相,为啥我穿越过来就只有半个小时的命? 还好有系统送了100亿两黄金! 花1两黄金就得1分钟寿命?这买卖划得来啊! 有什么事情,是用金元宝解决不了的? 1个金元宝解决不了,那就用100个、1000个! 一个落魄书生,靠着黄金开道,称霸天下的故事!一群血气方刚的年青人,为了尊颜与恶霸抗争,为了生存不惜与朝廷分庭抗礼,杀贪官除恶霸,快意恩仇。然而面对外族入侵,国破家亡时,却义无反顾,投身抗敌前线杀敌立功,甘酒热血,谱写了一曲可歌可泣的英雄事迹!  医术无双,武道霸主,却被冠上赘婿之名?   父母双亡,本以为是场意外,未婚妻奶奶却告诉他是场阴谋。   那日,他站在瓢泼的大雨中,对那位女孩说:“从今往后,我愿做永夜的囚徒,替你扫清一切障碍。”   为爱情,他甘愿化作夜晚的修罗,   为爱情,他甘愿做一生的赘婿。
网络安全会议2017 南昌 冠辰网站 网站建设规划 女孩子学网络营销 全协议营销 微博营销有什么特点 郑州做网站汉狮网络 政府网站制作公司 上海门户网站建设 免费建站网站 亲子关系的家庭氛围如何营造?【www.richdady.cn】 婴灵的感应现象【www.richdady.cn】 人际关系不好的前世因果【www.richdady.cn】 特殊学校的前世记忆咨询【www.richdady.cn】 升职加薪的障碍分析咨询【www.richdady.cn】 外灵干扰的案例分享咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与老公前世【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 解梦的方法与技巧【www.richdady.cn】√转ihbwel 去世的母亲的去向解析咨询【σσЗ8З55О88О√转ihbwel 感情纠纷的情感重建方法有哪些?【www.richdady.cn】√转ihbwel 前世因果咨询咨询【σσЗ8З55О88О√转ihbwel 孩子学习不好的心理调适【www.richdady.cn】√转ihbwel 家庭关系的心理调适方法有哪些?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 事业不顺的原因分析【微:qq383550880 】√转ihbwel 前世老公的前世修行咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世老公的前世因果咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 财运不佳的案例分享咨询【微:qq383550880 】√转ihbwel 忧郁症的环境影响【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 儿子不读书的教育建议【企鹅383550880】√转ihbwel 前世老婆的咨询技巧【σσЗ8З55О88О√转ihbwel 淄博微网站 建手机网站 网站建设规划 三只松鼠营销推广经验 学习网络安全技术最好的地方 关于应用安全可控信息技术加强银行网络安全和信息化建设的指导意见 浙江网络安全周 网络安全通知 网络安全 努力破除 2015网络安全事件调查报告 信息安全服务新架构 信息安全工程师培训 考试 广州域名企业网站建站哪家好 北京学网络营销 半成品网站 营销的劣势 网络安全大会 全网营销型网站 营销型手机网站 支付宝的网络营销战略 信息安全热门研究方向,-1 成都企业网站建设 昆明网站营销 南京营销型网站建设 营销型手机网站 网络安全 电影 信息安全认证技术有限公司通信网络安全专业委员会 c 信息安全 国家网络安全中心发布 信息安全等级保护题库 php网站设计 域名网站 ui的含义网站建设 汽车营销方案案例分析 营销的意义 北邮 网络安全 导师 青岛网站制作 英雄联盟网站设计 c 信息安全 郑州做网站汉狮网络 g3网络营销系统 网络安全编程与实践 pdf 网站轮换图 网络安全的会议题目 建手机网站 公司手机网站设计 制造业 信息安全 美团的无线营销网络安全项目测评 冠辰网站 网站轮换图 信息安全评测排名,-1 信息安全等级保护题库 深圳网站建设 独 主流网站风格 php网站设计 制作校园网站 学习网络安全技术最好的地方 信息安全专业考证吗 南城微网站建设 广西网信信息安全等级保护测评有限公司 关于应用安全可控信息技术加强银行网络安全和信息化建设的指导意见 2017年网络安全 计算机信息安全设计包括 网络安全 努力破除 浙江网络安全周 深圳做网站(官网) 汽车营销方案案例分析 注册信息安全员 网络安全通知 能源运营平台信息安全 制作校园网站 九江网站建设 网络安全 努力破除 三只松鼠营销推广经验 中央小组网络安全管理 微博营销有什么特点 无线网络安全测试 网络安全的威胁 1信息 营销策划 信息安全服务新架构 广东信息安全 大学 冠辰网站 网络安全的专业版 关于应用安全可控信息技术加强银行网络安全和信息化建设的指导意见 信息安全工程师培训 考试 信息安全加固技术公司 防网络安全教育 科技公司网站设 国家信息安全局待遇 网络营销考试案例分析 网络安全的会议题目 唐山网站建设 信息安全产品目录 网站搭建方案 上海门户网站建设 网络安全大会 半成品网站 网络安全法影响的行业 信息安全产品培训班 网络安全会议2017 南昌 营销的劣势 营销的劣势 科技公司网站设 网站蓝色 网络安全大会 湖南微网站营销网络营销的108个故事 全球重大信息安全事件 网络营销策略体系 全网营销型网站 专业网站运营托管 服装网站建设 iso27001 信息安全目的 营销型手机网站 广东信息安全 大学 南京营销型网站建设 信息安全三级等保备案 支付宝的网络营销战略 信息安全管理内容 免费建站网站 国家网络安全管理中心 防网络安全教育 access的程序出售.是wap网站.请问怎么给asp 信息安全反馈热线 域名网站 广州域名企业网站建站哪家好 企业内部网络安全 案例 沙宣网络营销 网络安全的威胁 1信息 女孩子学网络营销 营销标题大全 网络安全人员管理 营销型手机网站 青岛外贸网站建设 上海门户网站建设 网络安全通知