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
魔导师txt致长久爱你的时光txt新浪相公猛如狼txt下载悬案组txt全书下载太玄战记txt魔导师txt不良宠婚txt全集下载相公猛如狼txt下载老婆被奸污txt一顾倾城txt新浪西风烈大秦帝国txt魔导师txt绝世武神txt下载abc花不弃txt相公猛如狼txt下载一顾倾城txt新浪艳乱都市txt下载身份证txt身份证txt白门柳txt手机下载十年相思尽番外txt身份证txt老婆被奸污txt网王同人-洛神txt太玄战记txt英语txt悬案组txt全书下载兽宠小皇妃txt下载一指通天txt下载绝世武神txt下载abc塑圣魂，觅长生，热血前行，登仙道！【简介：御兽 +单女主+宠物+搞笑】 源星这个奇妙的世界，充斥着许多既美丽又强大的生物，“月渊兽 幽冥龙 婆罗花……… 人类只要达到16岁就会觉醒属于自己的本命契约兽。 而牧清辰则不一样他一出生就有了自己的本命契约兽……“暗黑金龙王” “龙皇大人你是公的还是母的啊！ “龙皇大人为什么我和别人不一样” “龙皇大人你为什么会说话啊！” “闭嘴！” 作品讲述的是一个走投无路的人向死而生的过程。由于种种离奇的机缘与遭遇，被迫踏上自己从未想象过的奇妙旅程，最终他的命运会是如何？是生？是死？...＂三阴绝脉＂者，史书所载；凡患此症者非但终生不能修武，并且几乎无一人能侥幸活过十三岁。命运关上所有的幸运之门，却开了一扇窗，令其在绝境中峰回路转，当其踏着尸山血海攀上巅峰之时，骇然发现一个惊天之秘。暮然回首，惊觉自己脚下的这片世界幌若恒河之沙粒，渺若微尘。何去何从……万物初始万物生，三千经文三千世 辗转流回不负生，此间无我亦有我天空之眼打开，无数魔兽涌入地球。同时也给地球带来了灵力，一部分人自我觉醒，另一部分人依靠打怪升级赚金币，拥有了生存的能力。男主陈羽凡错失各种良机，最终只沦为被人嘲笑侮辱的低层人类，亲情，友情，爱情都与他无关。 一次偶然，陈羽凡重生到了魔兽降临的前一天　这次他能改写自己的人生吗？三年前，他家道衰落，被迫退婚！ 三年后，他功成名就，强势归来！ 作为战神，为了龙国安宁，他选择放下昔日仇恨；可让他没有想到的是，同袍竟利欲熏心，与仇人结盟谋害自己！ 所幸天无绝人之路，林天权大难不死！ 三年前，他能成就一方战神，三年后，他依旧能以天人之姿，让那些陷害自己的人，付出百倍、千倍代价！湘鄂西边，真人真事，神秘见闻，以实据载，引人入胜，远超聊斋。黑暗时代降临，神灵于人间重现，诡异苏醒于世间。 命运的天平正不断向那些怪物倾斜。 雷霆，闪电，魔导炮，元素弹，永恒正指引着我们…… 傀儡师的来历，女巫的组成构造，猎人时代的威严…… 在这一切的背后下，是谁掌控着那把钥匙。顾楠穿越平行世界，此世文娱不复前世繁华，正值百废待兴之际。 　　一首歌，顾楠拉来千万投资！ 　　执导第一部电影，轰动整个娱乐圈！ 　　导演、写歌、小说…… 　　以前世文娱之繁华，顾楠创建了此世最富有盛名的文娱帝国！
幻想代码 初心未忘 重生之绝世仙尊 虚界神主 大明：开局被弃，永乐求我称帝 天青私塾 罪爱的人 妖道傲天 不可公开情报 圣界耀世 山海凶猛 斗地情天 贸易诸天：一年之内突破大罗金仙 地龙翻天破苍穹 空天猎 拜见小天师 超龙神至尊传说 神话灵塔 源能重生 穿越末世当皇子 宴txt 公公和媳妇txt 艳乱都市txt下载 身份证txt 宴txt 升官指南txt全集下载 穿越种田贫家女txt 菩萨蛮司溟txt 英语txt 绝世武神txt下载abc 老婆被奸污txt 极品附马txt下载 网王同人-洛神txt 一顾倾城txt新浪 萌萌娇妻不好拐txt 太玄战记txt 穿越种田贫家女txt 英语txt 十年相思尽番外txt 魔导师txt 公公和媳妇txt 相公猛如狼txt下载 致长久爱你的时光txt新浪 花不弃txt 一顾倾城txt新浪 网王同人-洛神txt 英语txt 致长久爱你的时光txt新浪 十年相思尽番外txt 英语txt 太玄战记txt 公公和媳妇txt 悬案组txt全书下载 魔导师txt 兽宠小皇妃txt下载 太玄战记txt 左耳小说完整版下载txt 穿越种田贫家女txt 网王同人-洛神txt 左耳小说完整版下载txt 太玄战记txt 限时婚爱阔少请止步txt 白门柳txt手机下载 极品附马txt下载 花不弃txt 公公和媳妇txt 老婆被奸污txt 悬案组txt全书下载 一指通天txt下载 不良宠婚txt全集下载 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 史上第一败家子 傲娇的恶少被女主们反杀了 转生成废材又怎样 旭日东升之帝国霸业 神鬼莫判 澳门葡京游戏官网 AG真人 快连下载 澳门葡京官网 欧博游戏官网 悬案组txt全书下载 相公猛如狼txt下载 艳乱都市txt下载 悬案组txt全书下载 花不弃txt 绝世武神txt下载abc 太玄战记txt 升官指南txt全集下载 西风烈大秦帝国txt 升官指南txt全集下载 老婆被奸污txt 兽宠小皇妃txt下载 一顾倾城txt新浪 白门柳txt手机下载 菩萨蛮司溟txt 老婆被奸污txt 绝世武神txt下载abc 菩萨蛮司溟txt 英语txt 限时婚爱阔少请止步txt 不良宠婚txt全集下载 宴txt 艳乱都市txt下载 太玄战记txt 极品附马txt下载 太玄战记txt 白门柳txt手机下载 身份证txt 魔兽精灵领主txt全集下载 公公和媳妇txt