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剑尊txt免费下载全本应小璐txt下载女尊之丑夫至上txt废帝威武txt下载综漫之无尽邪欲未删节txt网盘综漫之无尽邪欲未删节txt网盘淫狱莫特txt全文美女多多txt综漫之无尽邪欲未删节txt网盘七十八txt异界邪少聂长空txt下载陈迹难辞txt锦衣王侯书包网txt下载陈迹难辞txt异界邪少聂长空txt下载淫狱莫特txt全文天降黄金书txt一觉醒来，生活发生了翻天覆地的变化，在这生命中最后的日子，我们究竟该选择如何结束这一生，是继续在沉沦中逐渐迷失自己，还是像一朵烟花一样绽放出光芒。在一个夜黑风高的晚上，大燕帝国的镇国将军府竟惨遭灭门，全家上下仅剩一个躲在地窖的婴儿幸免。 幸亏镇国将军的好友，天下第一剑神顾长风来访，这才救下了这个婴儿，之后顾长风带着婴儿上山修炼。 ……… 时间一转就是十几年，当初那婴儿也长大成人。 顾长风见时机成熟，便派他下山寻找当年惨遭灭门的真相。 在一片大陆之上，国家繁多，相互征伐，国家更迭极快，更多武林之士，更愿意依靠盟派的庇护由此，练武成仙的热潮兴起，致使人间霍乱频发。在天虞中有一人，出身不凡，却喜好游历各地……卜慧书是一名落魄青年，嗜读书，被人成为“痴疯子”。无意功名，也不近女色。擅长办案，只因在义田获得银指环，上写“雅威”二字。之前襄阳镜湖湖口发现一具男尸，身上并无伤痕，可能落水而死。乡民发现后，就向地保报告了情况。地保请代言人撰写一纸呈文报官，代言人则索取1000两银子作为报酬。地保一则没有那么多钱，二则也不太愿意，故而只肯出200两银子。痴疯子便草草写了一张“镜湖口，发现浮尸一具”的呈文。后来情况如何？代言人如何处置？敬请期待....... 李长歌穿越了。 开局家徒四壁，一贫如洗。 只有一个相依为命的姐姐。 好在这是一个“小说家”的世界。 在这个世界，只要写小说，便能获得非凡的力量，甚至能够依靠小说成圣！ 看着这个世界普遍流传的小说著作，李长歌表示就这啊？ 《神雕》出世，“侠之大者，为国为民”被千万人追捧！ 《三国》出世，无数谋臣直呼原来计谋还能这样玩？！ 《西游》出世，无数人惊叹天庭是不是真的存在！ 《水浒》出世，就连皇帝也坐不住了！ …… 某一天深夜，李长歌看着身边美貌温婉、娇艳无俦的李采薇，义正辞严的道：“姐姐请自重，我要写小说了！” 描写主人公平子山修道的经历为主线，行侠仗义，打抱不平，与现实造成很多的冲突，最后成起正果的故事宇宙诞生，自然诞生？人为诞生？混沌至上，虚空之遗，这个世界真的是无规律运转吗？谁曾想过更高的维度空间，有最高吗？若无那么便叫吾觞次元！叶辰懂医术，会古武，下山后的他，还在幻想着自己逍遥纵横都市，吊打一切不服！ 万万没想到，参加自己婚礼的时候，新郎竟然不是他……在这片奇幻的大陆上，有着诸多的神明与拥有强大力量的人类与非人类，他们都拥有各自的文化与文明，在一切都有序的进行时，一场阴谋的风暴正在悄然接近......(女帝、单女主、撩粮、爽文) 你被女人套路过么？ 林羽深有体会，只因系统拜师一位女帝，本以为抱上大腿，从此无忧无虑； 可谁能想到，某天他被带到一场婚礼上无数大能对他贺道：“恭喜公子迎娶女帝，祝二位百年好合，早生贵子！” 女帝：羽儿.哦不，夫君，你今日必须娶我！ “你赠送师父淬体精华，返还深骨养液！” “你赠送师父冰寒之剑，返还诛魔剑！” “你赠送自己，返还一个女儿！” 一直靠【万倍返还】薅羊毛的林羽，争取做世间最强者，可没想到，薅着薅着，竟把自己也给送出去了。 女帝娇羞道：夫君，目之所及，皆是为师替你打的天下！
阶梯上的故事 黑白魔神！ 重回1999当医生 遥远的桥 这真是一本正经的鉴宝书？ 龙魂殿 我王凡没有开挂 庶子谋路 拂晓之诺瓦大陆的黎明 蝉光者 重生之无敌盗墓 魔法修行与魔法学院 从模拟开始为系统打工 御魂擎天 回溯之千世夙愿 修神渡 星照旧世 坑坑世界 永恒王尊 全真传奇 乱论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下载 陈迹难辞txt 助孕师txt 死神房东俏房客txt 网游之王者平凡txt 剑尊txt免费下载全本 《甘之如饴》txt下载 基友我错了txt 陈迹难辞txt 盗妃天下txt免费下载 太子独宠之萌妃难养txt下载 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 无编军人 玄幻：北玄之下再无剑帝 神明之间 尼尔：变形纪元 洪荒再启 亚星官网 欧博游戏官网 欧博官网 亚星官网 AG真人 异界邪少聂长空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