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
又去吧邪恶漫画图片大全有兄弟漫画图片又去吧邪恶漫画图片大全集右边漫画扶缚覆幼儿放学漫画又去吧邪恶漫画图片原田漫画又去吧邪恶漫画图片大全集曰本阿姨漫画大全御堂司老师漫画丝袜御狐之绊漫画薇薇又去吧邪恶漫画图片大全元气漫画有哪些有肉的国产古代漫画又去吧邪恶漫画图片大全集御堂司老师漫画丝袜袁绍漫画图片有肉bl漫画贴吧有肉bl漫画贴吧又去吧邪恶漫画有兄弟漫画图有肉bl漫画贴吧曰本阿姨漫画大全又老又有斑漫画幼儿放学漫画酉元3000后漫画右边漫画扶缚覆又黄又色又邪恶的漫画图片又萌又污的邪恶漫画元气漫画有哪些未来人类终于破译了基因的秘密，大家都以为是永生的时代，可是竟然出现了末世的样子，世界上无数的生物产生了进化，山海经中的巨兽竟然出现在野外，各大门派纷纷觉醒，科技与洪荒的对撞这是一名在职侦探写下的故事，文笔可能不是很好，毕竟一般不是在调查，就是去调查的路上，实在没时间与精力酝酿出好的文字，我写下的故事可能很多人都不会相信，不过我能保证是真实发生过的事，各位凑合着看看吧。 我一直在想我什么时候能摆脱这些事呢？ 无论鬼神，皆因信仰而存在。 等到某天没人相信鬼神的时候，可能我就真的能闲下来了吧？我，陈益，带着系统穿越电影世界，。。。。命运的无情铁手将你们搓圆拍扁，你们可曾不甘白白任其施为？梦中捡到的这册《耐普罗德之书》，便是打开命运枷锁的钥匙。 去异世界吧。虽然这东西还在测试阶段，但请别担心，绝不是什么新人坑杀局，任何人只要订阅了我们的vip礼遇，无论是锻造、铭文、附魔之类的小伎俩，还是法术百科、血统、神术甚至干脆天降猛男，各种神乎其技的能力不在话下。 手头不太宽裕嘛？不要紧，作为好运到可以捡到耐普罗德之书的你，值得我们小小的搏一把。试用一小段时间吧，相信再次见面时，您已经把定金准备好了。 尊敬的林飞扬，这次您的旅程有些特别，作为有着丰富异界冒险经历的体验官，我们可是对您寄予了厚望。 实话说，这个试验场出了一点小问题，它应该，也只应该是一个普通的魔法世界才对。我们需要您顺便帮我们把它夺回来。为此，我们慷慨的特许您使用一些还在测试中的功能。 将《耐普罗德之书》贴在这，然后签名。不然你出不去。 By一位不愿意透露姓氏和性别的崔姓男子神明布下游戏，每个人都可以参与并拥有变身铠甲的能力，不同的召唤器散落世界，获得它的人会变得如何呢？一个普通人的奇幻经历本书又名《我在三国强行拼团》《三国砍我，我一人砍三国》 刘云穿越到东汉，绑定附身了拼团系统，本想活命发育，偏偏黄巾起义，一个不小心还将刘备给秒杀了，不得已卷入三国时代。 刘云：“开团了，赶紧冲！来呀，砍我呀！这点兵马，砍我都不够，怎么当反派的？” 刘云：“来嘛，切磋切磋，是兄弟，就来砍我，砍一刀，一刀接一刀，完事请你喝酒。” 只见刘云一路横跳，到处强行找人拼团，势力越砍越大。 天子脖子架着刀：“刘云，你再不登基，我就砍自己了。” 李复，一个22岁矿工，末世发生后偶得地下避难所系统。 他在地下造房收租，造餐厅有肉吃，造水厂有干净水用，造武器武装幸存者，造基因库帮助幸存者进化突破。造药房便宜出售，你在别的地方买不到的药我这里都有。 李复地下城的租客任何人见了都要礼让三分，说不定租客就身负超级血脉。 想住进李复的地下城吗？想过神仙般的日子吗？那就看你有没有那个运气了！ 穿越+系统+种田+萌宝+甜宠 被相亲逼疯的成阳，一觉醒来发现穿越到了一身外债、好吃懒做的赌鬼身上，转头却被告知要入赘富婆小姐姐家，这种天上掉馅饼的好事谁不接着谁傻，谁知关键时刻却给我送来一孩子。啥？这是我的亲生女儿，还是四年前原主被人强迫后留下的？疯了吧！这不是逼我做渣男吗？ 被鲜血洗涤， 也不能使信念动之分毫 被黑暗笼罩， 光芒永不熄灭！ 千年过往，揭露自己身世。 迪诺外传，暴露任务秘密~ 一切都是骗局？ 不，你所想象的，远不及那一切的真相！ 《米瑞斯之诺亚光辉》第二部强势来袭。 拯救阿玛迪斯星的征途中，也不妨一起来探寻，米瑞斯与米梦樱的秘密吧！
一几狂潮 孤勇战士 雨做的风 岁月元尊 未来归零 衣冢 独行山海 樱花谍 我真没想背叛地球啊 到异界 都市之阴阳判官 无尽世界的尽头 魔语星途 在校成神 父子硬核闯万界 命之陨 二狗人生 吟剑逍遥行 恶魔天 我不是大郎 有妖气漫画合同 御狐之畔漫画 袁绍漫画图片 有肉bl漫画贴吧 有妖气漫画合同 又黄又色又邪恶的漫画 援交漫画色彩 遇难漫画 神?g零司 酉元3000后漫画 元气漫画有哪些 曰本阿姨漫画大全 远坂 妖气漫画网 又老又有斑漫画 御堂司老师漫画丝袜 又去吧邪恶漫画图片 幼儿放学漫画 援交漫画色彩 酉元3000后漫画 有兄弟漫画图 又去吧邪恶漫画图片大全 御狐之畔漫画 又去吧邪恶漫画图片大全集 有兄弟漫画图片 有肉的国产古代漫画 御堂司老师漫画丝袜 又老又有斑漫画 酉元3000后漫画 有兄弟漫画图片 有兄弟漫画图 酉元3000后漫画 幼儿放学漫画 御狐之畔漫画 又去吧邪恶漫画图片搜索 又去吧邪恶漫画图片大全 又黄又色又邪恶的漫画图片 幼儿放学漫画 又去吧邪恶漫画图片搜索 援交漫画色彩 又老又有斑漫画 又去吧邪恶漫画图片搜索 幼儿放学漫画 遇然漫画 又去吧邪恶漫画 远坂 妖气漫画网 有肉的国产古代漫画 御狐之畔漫画 曰本阿姨漫画大全 右边漫画扶缚覆 又萌又污的邪恶漫画 原田漫画 亚星游戏官网 亚星官网 亚星官网 亚星官网 亚星官网 飞向宇宙 也许是蝼蚁平凡的一生 第一改匪帮 神宠御兽 黑色兰花劫 欧博游戏官网 百家乐官网 亚星管理平台 AG真人 皇冠登3出租 又去吧邪恶漫画图片 远坂 妖气漫画网 有兄弟漫画图 又去吧邪恶漫画 有兄弟漫画图片 曰本阿姨漫画大全 酉元3000后漫画 遇难漫画 神?g零司 幼儿放学漫画 遇然漫画 又黄又色又邪恶的漫画图片 有妖气漫画合同 又老又有斑漫画 幼儿放学漫画 又去吧邪恶漫画 又老又有斑漫画 远坂 妖气漫画网 又萌又污的邪恶漫画 又去吧邪恶漫画图片大全 御狐之畔漫画 又去吧邪恶漫画图片大全集 又去吧邪恶漫画 右边漫画扶缚覆 有兄弟漫画图 有妖气漫画合同 有兄弟漫画图片 有肉bl漫画贴吧 又去吧邪恶漫画图片搜索 有肉的国产古代漫画 原田漫画