Home/Tables

Tables For, you guessed it, tabular data

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
迷城游戏妹姐游戏美女撕衣无内衣游戏下载美女宿舍小游戏无敌版美人心记游戏在线玩迷城游戏迷你之家动画片游戏美女撕衣无内衣游戏下载米老鼠小游戏枕头大战美人鱼妈妈生宝宝广告游戏下载美人鱼的小宝宝的游戏下载美女撕衣无内衣游戏下载美少女合集游戏下载地址美人鱼的小宝宝的游戏下载美女撕衣游戏下美人鱼妈妈生宝宝广告游戏下载米老鼠宝宝的游戏美人鱼的小宝宝的游戏美人鱼的小宝宝的游戏梦想花园游戏攻略第23米老鼠宇宙探险游戏美人鱼的小宝宝的游戏米老鼠小游戏枕头大战梦幻 酒局游戏美人心记游戏妹妹放学后小游戏美人心记游戏梦幻 酒局游戏梦想花园游戏攻略第23美少女合集游戏下载地址永安不安！白焰不白！一团苟延残喘的青焰，一个没落门派的弟子，一段埋葬在时间长河的秘史，千年的和平似乎让人们忘记了曾经的威胁，在这诸天星海，万界之族中，苦而弥坚的人族、据高临下的妖族、作壁上观的神族以及……在这万类霜天竞自由中，谁为棋子？谁为棋手？林洛在上班回家途中被异界召唤系统砸中所穿越的故事。 昏暗的暗室，学者翻开了那本散发着陈旧与古老的历史之书，记录了那个时代的历史。 明亮的篝火，诗人传唱着早已流传千年的诗歌，讲述了那个黑暗的时代与最后的战争。 战乱的年代，混沌的尘世，恶神的时代，于无数鲜血与谎言中所诞生的时代，希望的虚假，绝望的真实，信仰与种族不再是团结的象征，而是利器、异端与战争的符号。 历史与诗歌记录着那场那个时代最后也是改变一切的战争，葬送了旧的时代与迎来新的时代，千年前的战场上，当光再次照耀在大地之上，众生狂喜、悲伤、释怀，一切都将结束。 战场的中心，两人相望着彼此，共同看向了远方。古墓伴生，他们说我是天降灾星，终南山续命，我用十年时间成玄门魁首，而我的一生，却从那纸婚书开始……上官鸿江是瞿阳帮帮主上官盛阳之子，在因缘际会之下解救了遭遇灭门之祸的白纯儿，青梅竹马的两人建立了深刻的情谊却不得不分离。 成年之后，上官鸿江巧遇大诗人李白的妹妹——李寒桂，展开一段轰轰烈烈的恋情，却因李白的身世之谜而面临生离死别， 究竟玉雕板中埋藏着什么样的秘密？一切都要追溯到百年前的宫廷争斗，玄武门下的手足相残，李世民机关算尽，仍然遗漏的一名女子……　　平凡的冯泽，无意间接触真实的世界，一份录取通知，一次旅程，踏上了弑神之路，用平凡的手斩杀神明，用神明的血染红大地！ 人类再次向神明竖起战旗，这会是一场什么样的战争？人是否真的有命运？命运谁造成？普天之下，暗黑书魂横行现世，唯有刀笔师，拯救苍生于水火之中。 冥冥自有定数，众多刀笔师中仅有一名年轻的度魂刀笔师。其战力不凡，悟性极高，捕获书魂的技艺超群，冠绝现世，无人匹敌。 众书魂一听“叶枫”之名，无不闻风丧胆，逃之夭夭。 孤儿叶枫秉承栖霞古寺老住持无为大师斩获书魂、拯救现世的旨意，艺成下山，踏上了解救众生之路，一路离奇经历。与结交的好友们患难与共，一步一步完成老住持交给他的任务，而他的身世也渐渐明朗开来......来自星辰的启示， 人与神明相抗争。 超前进化的智慧， 痴迷幻梦不愿醒。 败军之将，梦途惊醒，逆天改命，铸就新（醒）程。 飞雪连天，他在雪林中留下的婴儿侥幸生存 成长之路，门派间的互相争斗 中州大乱，一力降十会 可，她到底在哪里？
镡瑆 应是如此江山 重生之狂暴火法 末世，我靠王者技能乱杀！ 开局 我的老婆要杀我 拜猪所赐 真武三国 千年魂灵 黑暗序列 同魔共舞 我有一个修真互联网 无厘头末日 阴阳，五行诀 废物青年不会遇到兽耳娘 龙穴秘闻录 逍遥小少爷 都市神医奶爸 谷情封夕 我与死神画押 诡闻悬盗 妹姐游戏下载 美人鱼妈妈生宝宝广告游戏 米老鼠宝宝的游戏 美人心记游戏在线玩 妹姐游戏下载 媚媚性福生活小游戏 米老鼠宝宝的游戏 美少女合集游戏 妹妹放学后小游戏 美少女合集游戏下载 米老鼠机器游戏 米老鼠机器游戏 梦幻小镇游戏下载安装 美人鱼妈妈生宝宝广告游戏 迷城游戏 美人心记游戏在线玩 米老鼠宝宝的游戏下载 妹妹放学后小游戏 米老鼠宇宙探险游戏下载 美女撕衣无内衣游戏下载 美人鱼妈妈生宝宝广告游戏 美女撕衣游戏下 米老鼠宇宙探险游戏下载 美人鱼的小宝宝的游戏下载 美人鱼妈妈生宝宝广告游戏下载 梦幻小镇游戏下载安装 妹妹放学后小游戏 妹姐游戏 米老鼠宇宙探险游戏下载 妹妹放学后小游戏 美人心记游戏在线玩 美女汤姆猫游戏下载安装 美女宿舍小游戏无敌版 迷城游戏 梦幻 酒局游戏 美人心记游戏在线玩 美女宿舍小游戏无敌版 米老鼠宝宝的游戏 梦幻小镇游戏下载安装 美女撕衣游戏下 美人心记游戏 美少女合集游戏下载 梦中集游戏 米老鼠宝宝的游戏下载 美人鱼的小宝宝的游戏下载 美女汤姆猫游戏下载安装 米老鼠机器游戏 美人心记游戏 梦幻小镇游戏下载安装 迷你之家动画片游戏 亚星官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 耀世陨星 一冒传奇的历险记 奶爸的背后是神明 直播练武：这个主播居然玩真的？ 大明:最穷丞相，朱元璋:求求你贪污吧 亚星管理平台 葡京官网 AG真人 亚星管理平台 万利官网 米老鼠宝宝的游戏 美人鱼的小宝宝的游戏下载 妹姐游戏下载 妹姐游戏下载 美人鱼妈妈生宝宝广告游戏 美人鱼妈妈生宝宝广告游戏下载 美人鱼的小宝宝的游戏 迷你之家动画片游戏 美少女合集游戏 米老鼠宇宙探险游戏下载 梦幻 酒局游戏 美人鱼的小宝宝的游戏下载 美少女合集游戏下载地址 媚媚性福生活小游戏 美人鱼妈妈生宝宝广告游戏 迷城游戏 美人鱼的小宝宝的游戏下载 美人鱼的小宝宝的游戏 妹姐游戏 妹姐游戏 美人鱼妈妈生宝宝广告游戏 美人鱼妈妈生宝宝广告游戏 美人心记游戏在线玩 美人鱼的小宝宝的游戏 美人鱼妈妈生宝宝广告游戏下载 美少女合集游戏下载地址 米老鼠机器游戏 梦中集游戏 美人心记游戏 妹妹放学后小游戏