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
游戏公众号营销专业的常州做网站沧州做网站企业网络营销战略信息安全的特征台州网站优化专注武汉手机网站建设网络安全攻防 题目应用层的网络安全控制产品主要有注册信息安全管理人员穷学生狗剩母亲被恶霸害死,无力报仇雪恨,绝望想要自杀。不想曾因自己救过一的条小蛇,意外获得蛇灵传承。在亲友的帮助下,完美复仇,并屡获奇遇,领悟人生真谛!正所谓一念善,万水千山,一念恶,苦海无边。正义和邪恶争斗永不休止,无论身处如何绝境,只要心存善念,都将化险为夷。不管现在有多牛逼,一旦恶意丛生,必将万劫不复!这是一个称作《灵脉大陆》的神奇世界,这个世界没有魔法,没有武术,没有战斗力,却有着神奇的灵脉。这个世界的每个人在10岁的时候都会在灵脉大殿中,在灵兽师或灵斗士的帮助下进行灵脉觉醒。灵脉可以增强体魄,辅助人们的日常生活。有特殊天赋的人可以通过自身灵脉或召唤灵兽进行修炼并进行战斗,这些人被称为《灵斗士》和《灵兽师》 亡国遗珠沐岚(女主),一步步修炼灵脉,在灵兽(男主)望天君的辅佐下,由凡人之躯修炼成神界监察人界的使者判官,最终铲除了灵脉大陆上的邪恶力量,报了亡国之仇,成为了灵脉大陆上强者。其实每个人的心中都有遗憾身为穿越者,周羽很郁闷。 凭什么别人穿越,一路火花带闪电,牛逼的不行。 他一穿越,修为被废,罚面壁,还是五十年! 凭什么别人的签到系统,不是送仙丹妙药,就是送神器法宝。 他的系统,每天就给个骰子! 想要奖励?自己投! 投到345还行,投到6也确实奖励不错。 可是投到2它给废品,投到1,它降天劫啊! 好坏都是运气! 周羽:“尼玛的!老子要是运气好,能特么被雷劈穿越吗!”混沌永远不会消失,它无时无刻在寻找着它的继承者,将世界引入无限的混乱之中。在人烟罕至的地方,迷雾迭起,一座古老的城堡在雾中若隐若现,虽然不想相信,但这就是事实,我穿越到了,恶魔城的世界。本人也是恶魔城谜,这篇小说也是本人对恶魔城的一种致敬吧。不喜勿喷,有些地方不对欢迎各位读者指出,作者的写作能力不是很强,希望大家见谅。在一个平静的牧场里,奶牛们安心的吃着嫩草。可是就在遥远的宇宙,发生了一场悲惨的灾难。使小行星撞击了和谐星,因此导致了和谐星球的爆炸。所以和谐星球的基因碎片散落到了各个星球!其中有少量的基因碎片落到地球因此发生了基因突变……刑警队长罗生与歹徒双双坠楼身亡,妻女重伤难治。雷电交加的暗夜里,巨大的紫黑色的手掌将罗生拽进一个光怪陆离的修仙世界。 丧失前世记忆再世为人的罗生降生于六国雄立的无尽疆土,成为秦国中州一世家的嫡长孙“罗睺”。拥有爷爷与母亲的疼爱,父亲与师傅的严厉,罗睺是所有人的骄傲! 然而,当他失去这一切的时候······当他被命运中那只巨手扼住未来的时候,他能做什么? 削此轮回永恒族大能者操纵着棋局变幻,道盟,帝君,仙域之主彼此制衡,无法齐心, 无数生灵存活于仙灵庇护下,成为仙人创造的附庸,傀儡,多少追逐长生,名利,权力的天才死在贪婪之路上! 与群仙称雄,与群魔征战,三千小世界,十万大世界。 “一世命既万世命!” 罗睺昂首穹苍,坐在那孤独的三界之主的王座上,他的手上沾满鲜血,灵魂中的每一个毛孔都是死去对手的脸! “我可以选择放弃杀戮,但是那样会让更多的人死去。” “残忍,不是掌权者的专利!” 数学鬼才时三九提出了一个神仙猜想,震惊世界! 他坚信0和1之间还有一个隐匿的数字, 只要证明它的存在,就能拥有穿越时空的能力, 就在他证明这个数字存在的那一刻, 正如他所料,他穿越时空了! 只不过这个世界他闻所未闻,甚是奇异诡谲··· 新的世界,等你和时三九一起探索!青年数学家叶小凡转生修仙世界,苦学功法,一心长生,科学修仙……人的一生,高低起伏。 你是不是天才,出生就已经注定,但你会不会成才这可说不一定。 历尽沧桑,是否会觉得其实自己不过一粒微尘?
上海网站建设企 王老吉地震营销 网络营销之黑客技术 石家庄医院网站建设 伪原创网站 保护网络信息安全 注册信息安全管理人员 信息安全2 信息安全2 网络营销的成本结构 发育倒退的环境影响【www.richdady.cn】 家庭关系的沟通技巧有哪些?咨询【www.richdady.cn】 财运不佳的财富积累【www.richdady.cn】 发育倒退的前世记忆咨询【www.richdady.cn】 脑部不清晰的原因分析【www.richdady.cn】 前世缘份的缘分揭秘【σσЗ8З55О88О√转ihbwel 意外的前世影响咨询【微:qq383550880 】√转ihbwel 亲子关系的心理建设咨询【企鹅383550880】√转ihbwel 人际关系不好的沟通技巧【微:qq383550880 】√转ihbwel 冤亲债主干扰有哪些常见症状?咨询【www.richdady.cn】√转ihbwel 如何判断自己是否被冤亲债主干扰?咨询【www.richdady.cn】√转ihbwel 孩子学习不好的心理调适【σσЗ8З55О88О√转ihbwel 家宅磁场的调整方法【σσЗ8З55О88О√转ihbwel 灵魂种子治疗【www.richdady.cn】√转ihbwel 心慌胸闷头晕的解决方法咨询【企鹅383550880】√转ihbwel 阴间生活的前世缘分咨询【微:qq383550880 】√转ihbwel 缺心眼的心理调适咨询【σσЗ8З55О88О√转ihbwel 与男友前世的记忆解析【企鹅383550880】√转ihbwel 忧郁症的心理调适咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 解梦的梦境解析咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 手动添加网络安全性 漳州做网站 厦门信息安全教授 台州网站优化 网络安全大会2016 网络安全公司排名江西网站跳出率 专业的常州做网站 网络安全 应急 深圳手机网站 澳洲 信息安全专业 linux服务器网络安全网页设计分享网站 珠海营销网站建设 如何做全网营销方案 网络营销公司 智能社交营销 qq空间给别人点赞营销 上海做网站的 网络安全传奇 如何理解IT信息安全 深圳手机网站 北京网站设计价格 598营销软件站 青岛青鸟网络营销 型云网站建设 网站建设公司武汉 政府信息安全管理 游戏公众号营销 政府信息安全管理 网络安全必读书籍推荐 石家庄医院网站建设 网络营销有什么证 信息安全认证机构,-1 五级网络安全状况 危 五级网络安全状况 危 上海做网站的 太原网络营销公司排名 郑州网络营销技术学校 大丰做网站 大连营销公司 如何利用网站来提升企业形象电信网络安全密匙忘记 淘宝营销图 达内培训 网络营销让 信息安全加密技术 北京市网络与信息安全信息通报中心 网络安全攻防 题目 网络安全程序前台界面 如何加快网站访问速度 国内网络安全公司 如何注册网站域名 帽子网络营销策划方案 企业网络营销战略 东营网站制作 信息安全的发展与风险管理 ppt 开封网站建设 思考式体验营销 信息安全理论 等级保护和网络安全法 思考式体验营销 网站设计公司无锡 做个简单网站大概多少钱 linux服务器网络安全网页设计分享网站 信息安全专业.黑客 上海网站建设企 东莞做网站it s 厦门信息安全教授 北京网站设计价格 网络安全关键词2017 网络营销沟通方式 达内培训 网络营销让 大学信息安全委员 杭州网络安全解决方案 定制建网站 网络营销特点 网络安全控制层次 信息安全2 如何做全网营销方案 计算机网络安全防范技术解决方案 保护网络信息安全 网络安全办公室王主任 网络安全大会2016 政府网站怎么管理系统 google提交网站 网络推广营销文章 b/s架构 网络安全 上海互联网营销服务商 广州网站建立 东营网站制作 网络安全攻防 题目 网络营销服务包括什么区别 伪原创网站 关于进一步推进人民法院信息安全等级保护工作的通知,-1 598营销软件站 杭州网络安全解决方案 网络安全关键词2017 淘宝营销图 网络安全技巧 网络安全传奇 大连营销公司 手动添加网络安全性 注册信息安全管理人员 网络安全办公室王主任 法国网络安全 如何注册网站域名 智能建网站 信息安全的特征 河南网站制作 网络安全技巧 大丰做网站 网络广告营销方法有哪些 qq空间给别人点赞营销 等级保护和网络安全法 营销手机号对网络营销的意义认识 信息安全专业.黑客 如何做全网营销方案 网络安全测试与评估报告 网络安全程序前台界面 域名和网站 专注武汉手机网站建设 厦门信息安全教授 计算机网络安全防范技术解决方案 上海网站营销 b/s架构 网络安全 信息安全理论 如何注册网站域名 谷歌营销 如何理解IT信息安全 网络营销特点 网站建设优化 信息安全加密技术 杭州网络安全解决方案 法国网络安全 信息安全专业.黑客 网站注册 应用层的网络安全控制产品主要有 东莞企业网站建设