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
qq头像动漫女生露胸时尚个性卡通头像红蓝色头像?яT字头像男生微信头像小女孩温暖qq头像动漫女生露胸微信女头像 可爱红蓝色头像动漫两张闺蜜头像图片大全黑化 蓝染头像闺蜜图片背影 女生头像qq头像动漫女生露胸人带刀头像头像(妍我爱你)红蓝色头像黑化 蓝染头像蓝色头发头像动漫女生闺蜜头像三人韩范闺蜜头像三人韩范霸气意境头像女生霸气小孩头像男生闺蜜头像三人韩范动漫两张闺蜜头像图片大全成熟唯美头像 女生头像图片大全集微信头像小女孩温暖吕布头像 霸气高清壁纸?яT字头像男生会飞的的老鼠图片头像颓废风头像动漫头像人带刀头像 天地初始，孕育造化之九塔，镇天地之混沌，衍天道之灵，构筑万界秩序，演化万界生灵。 　　时光飞逝，流转亿万年岁月，九塔蒙尘。 　　都市发展迅速，进入科技新时代，城市高楼林立，灯火通明，一位名为纪十安的少年正在密林中举起了他的弓箭。。。。。和平安宁的世界被一场突如其来的盛大流星雨给彻底打破了。 丧尸、变异生物、来历不明的病毒席卷了全球。 二十二个塔罗教悄然出世，身蕴龙脉的华夏大地吐出了龙息。 这究竟是一场被精心策划的闹剧还是一次没有挽回余地的终末之诗？ “嘿，听着。”唐南故的眼神里充满了坚毅。 黑色如鳞片的角质层如铠甲一般覆盖了身体的每个角落， 无数的红色丝线从左手争先恐后地钻出，飞快地凝聚出刀锋的雏形。 右手同样被坚硬的麟甲包裹，只是紧紧地握着腰间的一柄刀鞘漆黑的长刀。 神圣的金光从胸膛处喷涌而出，黑色的身躯被镀上了一层闪耀的光辉，此时的他就如同一位被圣光笼罩的黑暗骑士，矛盾却不违和。 来自远古的气息从他的身上散发出来，就连周围的草木都为之颤抖。 “在这个末世里，”他将深蓝神秘的刀刃从刀鞘中拔出，在空气中划出完美的弧线。 “我可是横着走的啊！”重生为傻柱八岁的儿子-何晓。 激活了《情满四合院》和香江《大时代》融合签到系统。 秦寡妇，我爹地的钱必须连本带利还回来！ 白眼狼棒梗，这房子是聋老太太留给我爹地的，你给我滚出去！ 许大茂：何晓，叔求你了，这房子我不卖了成吗？ 五蟹父子：何晓，老子做鬼也不会放过你！ 陈万贤：既生贤，何生晓？ 2500年，来自弗硫州的艾克塔博士发明了天琉，原本只是用来保护自己弱小的母国，可各州野心极大，不到一百年，便发动了六次超规模的天琉战争，十四州百姓苦不堪言。2598年，他的徒弟本杰弗带着一项秘密研究成果，将完成他的遗愿...... 小家族叶羽出身平凡，偶得神秘黑塔相助，一步步成长为顶尖强者。 只手握捏千山雪，剑成可斩天上仙！ 五行杂灵根的修真废物，没有老爷爷、没有逆天神器、更没有超级仙宠！ 来自地球联邦，征战无数星辰的机械师林沐意外魂穿修真位面！在修真与生活完美融合的世界，看科技与灵力如何打造最为强大的仙械军团！ “我一个人，就是一座仙门！传记匚系统提示，假如你有机会穿越到三国选义父，你会选择谁，是汉室宗亲刘备，还是汉贼曹操，或是江东孙权，你会选择谁呢？]昏暗狭小的空间内，“参赛者们”被电子设备的提示音惊醒。 二十位来自天南海北被绑来的男女们，在“主办方”精心准备的舞台上上演一出“生死游戏”演出。 每个人必须完成各自的“任务”才能从这座孤岛逃生。 如果在计时器倒数结束之前没有完成的话…… 名为恐惧的毒药弥漫在空气中，慢慢腐蚀着每个人的心灵。 理性与正义早已被舍弃，为了存活，反叛才是唯一方式。 爱恨情仇，生死离别。 是拿起武器活到最后，或是为了他人甘愿牺牲自己？ “检测到使用者‘Ａ11’已复苏，本机正常重启” “尊敬的参赛者11号，欢迎光临‘诺威迪亚’，很高兴您能参加本次游戏。”这是一部通过讲述男主人公千万富豪李四，从离婚前发生的婚外情和婚外恋，到再也无法忍受家中的河东狮吼而选择离婚，再到离婚后追寻理想化爱情、不断相亲，再到历经一番又一番的波折后，再次走向婚姻这一过程中发生的系列不可思议得、啼笑皆非的无厘头婚恋故事。从而借此反思当代人极其扭曲的爱情观及婚恋观，是一部语言流畅优美，可读性极强的现实题材小说。
荒帝纪年 龙途龙屠 香水与星河 签约被拒100次，硬刚到底 牢笼世界之不死天功传承者 崛起之桀骜不驯 僵尸之灾 和鬼谈恋爱的凶宅试睡员 界脉天 苍茫铭主 废土之上！ 殿下何故又反 无尽：神明游戏 一柄竹剑征服世界 重生之我是隐士高人 蟑螂皇帝 斗破之天命神王 界纪 开局抢亲：老婆竟是女帝之资 末世龙神归来 火影忍者微博头像男生 带方程式的文字头像 蓝色头发头像动漫女生 闺蜜头像三人韩范 火影忍者微博头像男生 带字重叠头像 微信中用花作头像可以 内涵图头像头像男生 吕布头像 霸气高清壁纸 人带刀头像 动漫两张闺蜜头像图片大全 姐妹7人头像一人一张 成熟唯美头像 女生头像图片大全集 黑化 蓝染头像 卡通熊情侣头像高清 微信头像小女孩温暖 微信中用花作头像可以 吕布头像 霸气高清壁纸 霸气小孩头像男生 qq头像动漫女生露胸 带方程式的文字头像 红蓝色头像 时尚个性卡通头像 头像(妍我爱你) 黑化 蓝染头像 成熟唯美头像 女生头像图片大全集 吕布头像 霸气高清壁纸 时尚个性卡通头像 霸气小孩头像男生 吕布头像 霸气高清壁纸 微信头像小女孩温暖 带方程式的文字头像 ?яT字头像男生 qq头像动漫女生露胸 会飞的的老鼠图片头像 微信头像小女孩温暖 又少女又炫酷的头像 微信中用花作头像可以 成熟唯美头像 女生头像图片大全集 又少女又炫酷的头像 微信头像小女孩温暖 高冷头像女孩动漫头像 霸气意境头像女生 姐妹7人头像一人一张 头像(妍我爱你) 带方程式的文字头像 动漫两张闺蜜头像图片大全 ?яT字头像男生 颓废风头像动漫头像 微信女头像 可爱 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 我是败国皇子 帝王梦记 传送阵法 穿越时空的医术 女总裁的神医兵王 葡京官网 快连下载 欧博官网 葡京官网 欧博官网 带方程式的文字头像 姐妹7人头像一人一张 五姐妹头像闺蜜卡通图片 动漫两张闺蜜头像图片大全 内涵图头像头像男生 卡通熊情侣头像高清 ?яT字头像男生 五姐妹头像闺蜜卡通图片 男生虐心头像 高冷头像女孩动漫头像 带字重叠头像 人带刀头像 蓝色头发头像动漫女生 吕布头像 霸气高清壁纸 微信中用花作头像可以 闺蜜头像三人韩范 动漫两张闺蜜头像图片大全 颓废风头像动漫头像 卡通熊情侣头像高清 霸气意境头像女生 霸气小孩头像男生 黑化 蓝染头像 时尚个性卡通头像 卡通熊情侣头像高清 吕布头像 霸气高清壁纸 时尚个性卡通头像 微信头像小女孩温暖 火影忍者微博头像男生 会飞的的老鼠图片头像 ?яT字头像男生