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
全彩邪恶漫画男奴全彩无翼鸟漫画全彩邪恶漫画男奴隶全彩邪恶漫画女体化全彩邪恶漫画之在车里全彩邪恶漫画男奴全彩真人工口漫画全彩邪恶漫画男奴隶拳皇97黑白漫画下载全彩邪恶色漫画下药全彩邪恶色漫画少女全彩邪恶漫画男奴隶全彩邪恶少女漫画转变全彩邪恶色漫画少女全彩邪恶漫画女ji警察全彩邪恶色漫画下药全彩真人工口漫画大全全彩邪恶色漫画全彩邪恶色漫画圈套漫画讲了什么全彩无修漫画监狱调教全彩邪恶色漫画拳皇97黑白漫画下载圈套漫画有多少集全彩邪恶漫画之巨乳3d圈套漫画什么意思全彩邪恶漫画之巨乳3d圈套漫画有多少集圈套漫画讲了什么全彩邪恶少女漫画转变你想过共享睡眠么？你想过你睡不醒的时候，把别人的睡眠共享给你么？你想过你无所事事，靠睡觉就能赚钱么？ 你只听说过躺平赚钱，可真有这样的工作么？ 再走一次无敌路，再证一次红尘仙 于凡间崛起，战万族生灵。 在火影世界中原本一心向木叶的宇智波止水，为了阻止宇智波一族发动政变，准备对其族人下手，却被团藏偷袭而，最终计划落空而跳下悬崖，而跳崖后的止水却发现自己并没有死，并开始了无尽的旅行当低魔时代遭遇天灾人祸，当混沌神选开始觊觎这个世界，当旧日支配者降临世间，当泰伦虫族迷路至此，当遭受欲望的驱使互相征伐内斗，人类究竟可以坚持多久？ 在末世的大框架下，人性的黑暗面暴露无遗，但勇气的赞歌也可以响彻云霄。 一双眼睛，看不清世态炎凉。 一壶浊酒，饮不尽爱恨情仇。 一张笨嘴，道不完沧海桑田。 一曲高歌，唱不清岁月蹉跎。 一段故事，只不过黄粱一梦。 本书所有主人公只是随着事件的推动而依自己的性格进行。他们只是这段历史的见证者，经历者 ，仅此而已。 万物轮回始于本末，功过是非，皆留各位看官评说。 本作不回会去影射现实生活，如有巧合实属雷同。 毕竟历史总是惊人的相似，我们只是历史的见证者。谁的青春不曾醉心于音乐、梦想抱着吉他为心上人引吭高歌？有道是商场如战场，岂知眩目的舞台亦如是。热爱文艺的男主由学生时代青涩的小歌迷，经历高人的点拨、学琴的快乐、打工的艰辛、大学的才气、组队的磨砺、爱情的甜蜜与苦涩，逐步迈入乃至深入“圈”内，才发现光怪陆离的聚光灯下竟是鱼龙混杂，辉煌暗淡得意伤感伴随尔虞我诈恩恩怨怨。历经悲欢离合坎坷多舛音乐之路的男主披荆斩棘终迎来演艺巅峰。铿锵奏鸣二十载史诗般摇滚传奇，激情澎湃致敬青春华彩与光荣梦想的一曲励志赞歌。带着音符节奏般的文字表述，身临震撼现场般的阅读体验。遭遇背叛能够保持心态，遭遇绝境奋力拨开迷雾，遭遇不公执着于平等，遭遇低谷从未放弃，只为坚守那一份心中的美好生如蝼蚁当有鸿鹄之志，命薄似纸应有不屈之心！ 大商末年，天下大乱，群雄逐鹿。 一代天骄叶青林横空出世，平四方，定天下，统一乱局，建立了不朽王朝——大屹帝国。 数十年后，江湖上风云再起，朝堂中波诡云谲。 一个偏远小镇走出来的少年，谱写了一段可歌可泣的传奇故事。胡非魂穿大明，成为了华夏最后一任丞相胡惟庸的儿子... 作为一个标准的官二代，他本该走马架鹰，从此过上最嚣张的纨绔生活...　　 然而，当他意识到不对劲的时候，才突然发现…… 朱元璋为了巩固皇权，已经对权倾朝野的胡相动了杀心！ 家父胡惟庸，貌似要凉！？ 林墨，绝世神医，修炼旷世武功，却甘愿做了一名养老院临时护工。 是冥冥注定，还是机缘巧合，他竟然成了墨然集团董事长丁浩然的护工。 墨然集团的轰然倒塌，丁浩然突然发疯，妻子离奇死亡，女儿归国惨遭羞辱而绑架。 这一切都是那么的巧合，神秘黑衣人的出现，更是扑所迷离，他到底是谁？ 他是林墨？ 那他又为何担任幕府医师？ 难道是忍辱负重，还是卧薪尝胆？ 那他又为何与海归医学女博士恩爱情仇？ 难道是情窦初开，还是逢场作戏？ 一切谜团慢慢娓娓道来。林辰用短短三百年时间，成为仙界最年轻的仙帝，却遭三大老牌仙帝联手围攻，同归于尽。 未曾想重生回到少年时的蓝星，这一世他将不再留有遗憾，有怨报怨，有仇报仇！ 修仙之路也将更加势不可挡！
麻神邵公子 月下祈光者 我不是歌手 成魔证道 秘法：从入门到贤者 远古尸毒 镇国神婿，重生老婆要杀我 天灵星海 魔帝归来1 十二城池 都市亦邪 苏醒黎明 重生西游之妖界至尊 重生之娱乐教父 我，大契昏君，败光国运成天帝 智能机器世界 傲世苍穹之萧易传 穿越万界之开局只有打火机 玄幻：我能提取血脉之力 我，替身使者，被校花召唤 全彩无翼鸟漫画大全 全彩邪恶色漫画少女漫画全集 全彩真人工口漫画大全 全彩邪恶漫画之在车里 全彩无翼鸟漫画大全 圈套漫画无修改在线看 全彩真人工口漫画大全 全彩邪恶少女漫画萝莉 圈套漫画什么意思 全彩邪恶少女漫画萝莉本子 全职神差漫画 全职神差漫画 全本免费漫画大全 全彩邪恶色漫画少女漫画全集 全彩邪恶漫画男奴 全彩邪恶漫画之在车里 全职猎人漫画中文官网 圈套漫画什么意思 全彩无修少女漫画 全彩邪恶漫画男奴隶 全彩邪恶色漫画少女漫画全集 全彩邪恶漫画女ji警察 全彩无翼鸟漫画 全彩邪恶色漫画少女 全彩邪恶色漫画下药 全本免费漫画大全 圈套漫画什么意思 全彩无翼鸟漫画 全彩无修少女漫画 圈套漫画什么意思 全彩邪恶漫画之在车里 全彩邪恶色漫画少女漫画 全彩邪恶漫画女体化 全彩邪恶漫画男奴 圈套漫画有多少集 全彩邪恶漫画之在车里 全彩邪恶漫画女体化 全彩真人工口漫画大全 全本免费漫画大全 全彩邪恶漫画女ji警察 全彩邪恶漫画之巨乳3d 全彩邪恶少女漫画萝莉本子 穹邪恶漫画 全职猎人漫画中文官网 全彩邪恶色漫画少女 全彩邪恶色漫画少女漫画全集 全职神差漫画 全彩邪恶漫画之巨乳3d 全本免费漫画大全 全彩真人工口漫画 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 晤极锦玄 我在三国闯天下 古老吸血鬼 丧尸围城：我拥有终极魔典 冰雪七零七 亚星官网 万利官网 欧博游戏官网 亚星官网 葡京官网 拳皇97黑白漫画下载 圈套漫画有多少集 拳皇97黑白漫画下载 全职猎人漫画中文官网 全彩无修少女漫画 全彩邪恶色漫画少女漫画 全彩邪恶少女漫画萝莉 全彩邪恶色漫画下药 圈套漫画什么意思 全彩无修漫画监狱调教 圈套漫画什么意思 全彩邪恶漫画女体化 全彩邪恶漫画之巨乳3d 圈套漫画无修改在线看 全彩真人工口漫画大全 全彩邪恶漫画之巨乳3d 全彩邪恶色漫画少女 全彩邪恶色漫画少女 全彩邪恶漫画男奴 全本免费漫画大全 全彩邪恶色漫画下药 拳皇97黑白漫画下载 全彩无修少女漫画 全彩无修漫画监狱调教 全彩邪恶少女漫画萝莉本子 全彩邪恶漫画男奴隶 全彩邪恶漫画之在车里 全彩邪恶少女漫画转变 全彩真人工口漫画 全彩邪恶少女漫画转变