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
穿紫色衣服男人图片大全图片大全图片baby生宝宝图片大全创意字颜色设计图片大全图片大全图片大全qq头像花小清新图片大全图片2015款大白穿衣服图片大全穿紫色衣服男人图片大全图片大全图片霸气女生手绘漫画头像图片大全创意字颜色设计图片大全图片大全图片大全四川表情图片大全图片大全图片大全图片大全真人女生少女图片唯美图片大全可爱大话西游游戏女鬼头像图片大全穿紫色衣服男人图片大全图片大全图片全身黑的图片大全图片大话西游游戏女鬼头像图片大全创意字颜色设计图片大全图片大全图片大全两帅哥同性动态图片大全佛没说图片大全大白穿衣服图片大全大白穿衣服图片大全初中帅哥的毛图片大全伤感的动漫带字图片大全唯美图片大狗微信表情图片大全可爱四川表情图片大全图片大全图片大全图片大全拥抱背影图片动漫图片大全我爱你手式图片大全英文纹身女生图片大全图片大全图片大全图片qq头像花小清新图片大全图片2015款想念闺密的图片带字图片大全初中帅哥的毛图片大全萌女全身图片高清图片大全图片大全图片大全 术创世，术者，万物之本源也。创者，万物之载源也，世非术创，而为术与创。术创化一，术创化二。术之天地，创之时空。何为术创？探索，从第一篇起，末日，一。 一股叫术的能量横空出世，引发了一场末日危机，是灾难，还是新生。神秘学校的背台究竟是谁，这一切究竟是有人策划，还是一起起的意外，又或者说这就是命？一位有第三眼的小法医安迪和御姐范国际警察林莎从一个小案件入手打开新的被历史掩盖掉的秘密法师们目空一切，贵族们高高在上，大商会只手遮天；在这人吃人的世界里，我看到了深渊的触角，文明的退化，和微弱的希望。作品主要讲述了覃淋，梁珂，李梦夕侦破一件件案件的故事杨凡最近很倒霉。 还做怪梦，梦见已故多年的爷爷让他烧纸钱，收快递。 然后他便真的收到了一个寄件人是爷爷名字，寄出地址写着阴曹地府的快递。 从此，杨凡一边修仙，一边沉浸在烧纸的乐趣中，纸钱、纸人、纸车、纸别墅、坦克、飞机…… 对此爷爷表示非常满意，反手给他寄了一堆阴间特产，功法、丹药、法器、符箓、鬼物…… 爷爷：吾孙天纵奇才，有大帝之姿！ 杨凡：不为别的，我只是孝顺而已！ 万籁归寂之夜，他从老橡树林的坟场中醒来。这世界是如此的陌生，不禁令他心生恐惧。他翻遍浑身，就只有那么一张疑点重重的羊皮卷。 抽丝剥茧，不可名状的黑暗腐朽之物令人莫名疯狂！ 步步深入，残酷的阴谋漩涡让人迷失方向！ 拼死奋战，血气森严的利刃叫人不知所措！ 他不要一世繁华，只愿人间清醒！一部奋斗史，两代传奇人。某军区老虎连侦察班在南越战场上建立不休功勋和传奇，但却伤亡惨重。新时代，侦察班的后人们历经坎坷，茁壮成长，继往开来，在新的战场上再写传奇。一个现代习武者重生到了平行的全职法师世界。 这里魔法为尊，法师从最基础的星子开始修炼魔法，一步步觉醒新的魔法系，迈向强者之路，和威胁人类的妖魔抗争。 蓝星的一切几乎都能在那里体现，唯独不同的是，这里的一切都用魔法解释，那些令人仰慕的伟人，也都是各系巅峰的法师。 “既然魔法只要远程轰炸就行，那历史书插图上的古人为何还要穿带盔甲武器？”前武者陈平百般不解，直到遇到了一次难得的机会。 “古代的魔法到底是什么，魔法源头又是怎么传承发展的？” “耍帅装13的事有莫大魔王就好，我还是低调而有内涵地钻研魔法吧，在这个奇趣的世界，只知道打打杀杀而不探索其中奥妙，未免太可惜了！” 外表看似平平无奇、内心向往光怪陆离的陈平，有挂而不外露，打算在“低调”的探索中，搞出一番大事业。他本是龙国最年轻的国医圣手，却因为一次意外，重生回到了四年前。 上一世，他误入歧途，痛失妻女，尝尽了人间疾苦！ 这一世，面对妻女的失而复得，他势要弥补当年的遗憾，快意恩仇。 且看一代鬼医传人，如何凭借一手鬼神难辨的惊天医术，守护心中挚爱，成为最强都市奶爸！ 遥望着远方的星辰，恢宏的银河就在那里。 神秘的黄河把李生带到了这神奇的地方，这个有着古老文明的地方
毁坏的三观 魔蛋传说之拳王大赛 战王女婿 原子：理与感 大晋：我真不是天命之子 玄门圣医 我的修仙模拟器 都市绝品医神 Earth :1697 城市另一边 皇城根下有妖 让你代管经纪公司，怎么都成巨星了 大鼓皇后的婚事 我家猫咪嫌我太菜，带我打穿惊悚游戏！ 苍天有眼，命数天定 半缘修剑半缘君 旧档案 潘龙玉佩 神踪归集 时空赏金猎人 英文纹身女生图片大全图片大全图片大全图片 两帅哥同性动态图片大全 佛没说图片大全 大白穿衣服图片大全 baby生宝宝图片大全 想念闺密的图片带字图片大全 睡觉 晚安带图片大全可爱 清新风景头像女生头像大全图片大全图片大全图片大全 想你啦搞笑动态图片带字图片大全 全身黑的图片大全图片 可爱萌妹孑图片大全 可爱萌妹孑图片大全 拥抱背影图片动漫图片大全 两帅哥同性动态图片大全 穿紫色衣服男人图片大全图片大全图片 我爱你手式图片大全 睡觉狗狗图片大全可爱 英文纹身女生图片大全图片大全图片大全图片 伤感的说说带图片男生图片大全唯美 创意字颜色设计图片大全图片大全图片大全 大可爱表情图片大全可爱图片大全 创意字颜色设计图片大全图片大全图片大全 伤感的说说带图片男生图片大全唯美 大狗微信表情图片大全可爱 真人女生少女图片唯美图片大全可爱 出拳图片大全 英文纹身女生图片大全图片大全图片大全图片 伤感的说说带图片男生图片大全唯美 伤感的动漫带字图片大全唯美图片 英文纹身女生图片大全图片大全图片大全图片 大白穿衣服图片大全 大可爱表情图片大全可爱图片大全 qq头像花小清新图片大全图片2015款 穿紫色衣服男人图片大全图片大全图片 拥抱背影图片动漫图片大全 我爱你手式图片大全 qq头像花小清新图片大全图片2015款 睡觉 晚安带图片大全可爱 拥抱背影图片动漫图片大全 两女的在一起的图片大全 我爱你手式图片大全 清新风景头像女生头像大全图片大全图片大全图片大全 初中帅哥的毛图片大全 睡觉狗狗图片大全可爱 大话西游游戏女鬼头像图片大全 大可爱表情图片大全可爱图片大全 可爱萌妹孑图片大全 我爱你手式图片大全 出拳图片大全 佛没说图片大全 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 吾辈忆棋 大道无为之梦魇问世 大明之重铸山河 异世手记 魔法世界的修仙者 万利游戏官网 欧博游戏官网 皇冠登3出租 欧博游戏官网 欧博官网 萌女全身图片高清图片大全图片大全图片大全 可爱萌妹孑图片大全 穿古装的赵丽颖图片大全图片大全图片大全 大白穿衣服图片大全 睡觉狗狗图片大全可爱 创意字颜色设计图片大全图片大全图片大全 baby生宝宝图片大全 四川表情图片大全图片大全图片大全图片大全 真人女生少女图片唯美图片大全可爱 拥抱背影图片动漫图片大全 拥抱背影图片动漫图片大全 萌女全身图片高清图片大全图片大全图片大全 霸气女生手绘漫画头像图片大全 两帅哥同性动态图片大全 可爱萌妹孑图片大全 佛没说图片大全 想念闺密的图片带字图片大全 baby生宝宝图片大全 qq头像花小清新图片大全图片2015款 睡觉狗狗图片大全可爱 初中帅哥的毛图片大全 大白穿衣服图片大全 想念闺密的图片带字图片大全 真人女生少女图片唯美图片大全可爱 两女的在一起的图片大全 拥抱背影图片动漫图片大全 睡觉狗狗图片大全可爱 全身黑的图片大全图片 萌女全身图片高清图片大全图片大全图片大全 大可爱表情图片大全可爱图片大全