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
漫画牛霸漫画女人伤心图片大全集漫画牛霸漫画女的邪恶动态图片大全漫画女的邪恶动态图片大全集漫画娘娘腔退学漫画女人的胸部漫画牛仔画法漫画女人尿裤子视频大全漫画女机器人图片大全图片大全图片大全图片大全图片漫画女孩的鞋子漫画牛霸漫画女人大全图片漫画女风精灵专属漫画牛仔画法漫画女机器人图片大全图片大全图片大全图片大全图片漫画女人怀孕漫画女的邪恶动态图片大全图片漫画女的邪恶动态图片大全图片漫画男主会读心漫画女人全部被杀了漫画女的邪恶动态图片大全图片漫画女人尿裤子视频大全漫画男生在教室被女漫画女的邪恶动态图片大全集漫画女射箭情头两张漫画女的邪恶动态图片大全漫画男生在教室被女漫画男主会读心漫画女人大全图片一代帝师，遭遇自己十位爱徒的背叛，复苏后彻底迈上魔道之路…… 刀劈帝宫镇四方，掌灭星辰踏踏苍穹，诸天万道群雄起，看尽英豪我为尊！ 李文重生成了一颗灵气复苏时代的柳树，这个时代强者横空绝世，坐镇一方。 　　异兽咆哮山河，占地为王。 　　还好有进化系统无限强化自己，自身的生命灵液让万灵不断进化。 　　结出来的生命果实让无数生命疯狂。 　　有人称他为树神拯救一方生命，有人更愿意叫他魔树，树根一出抽取数万里精华……　　【诡异】【恐怖】【扭曲】【血腥】【幽暗】【贪婪】【压抑】【邪恶】【无底线】【非人类】【恶心】【还有你】…… 　　漆黑的房子，腐烂的木质棺材，发臭，扭曲的尸体，眼神空洞的盯着你，不准确的说，他在盯着棺木顶上的字！ 　　《提笔诅咒你》 　　【维恩斯】 　　沾满鲜血的刮痕，绝望的恨意，以及不甘的愤怒，脸上满是蛆虫的攀爬，棺材的腐烂…… 　　我…我一定会杀了…你......... 　　哈哈哈哈哈哈......... 　　【无肢尸女虫】 　　【蜡像尸】 　　【性器尸】 　　………… 　　没有你想不到，就怕你想不到，恐怖的极限是人…… 　　【简介无力，请看正文灵异片】 　　【诡异之书】 　　【诡异血尸录】人之上，有九天；东方苍天，南方炎天，西方浩天，北方玄天，东北旻天，西北幽天，西南朱天，东南阳天，中央钧天。我九天教奉天承运，替天行道。故事讲述了许多人的人生遭遇，有侠客，有官员，有匪盗，也有平常的百姓…… 主人公聂远还在咿呀学语时家里就惨遭横祸，背上了血海深仇。长大后，同样命运多桀的师父隐瞒了仇恨，想让聂远做个普通人，但是往往事与愿违，聂远会做出怎样的决定，命运是否会听从他的摆布？ 只能说，可怜了这个原本可以天真烂漫的孩子……神使在地球的日常生活、有神使在、天下无神、哪怕是境外也不行、一开始，穿成假太监的李易只想安分苟活着，但后来，看着高贵雍容的皇后，李易心思变了。 “江山你坐着，皇后我替你照顾。” 李易都跟皇帝打好了商量，奈何那把椅子，皇帝就是坐不稳啊！ 前有狼，后有虎，奸臣又一堆堆，眼看国不国，家不家的，李易操起了屠刀……潘洋洋的力作《断义恩肠》他，本是凤洲一世家嫡长子，天生异象，身怀秘宝。但怀璧其罪，致使家族被灭，被迫自投弱水。后激活秘宝道书，研无上道经，习无上道术，灭尽一切敌，平尽无边黑暗动乱，寻仙迹，求长生！五代十国，神州血雨腥风，百姓在死亡线上挣扎着，望天悲问：大乱何时休？！国家何时大治？21岁意外身亡的的赵匡匡，睁开眼发现自己成了赵匡胤，但他开局就惹出事端，为外出避难，他辞别父母和妻子，离家闯荡，受尽磨难。所谓乱世出英雄，他先投奔郭威，因高平之战的出色表现，成为禁军的高级将领。之后逐渐在禁军中形成自己的势力，结“义社十兄弟“。柴荣病死，他发动陈桥兵变，黄袍加身。称帝后，赵匡胤先击溃后周残余势力，又采取“先南后北”的策略，攻灭了割据政权，加强了对北方的防御。随后他兵不血刃 “杯酒释兵权”。坚持“重文抑武”的国策，开创了大宋的辉煌盛世。
超能降临之漆黑狩猎 镇妖苟帝 雷之神a 只想打工的我被迫拯救世界 狂徒张三异界游 佐佑, 明末庶子 异世界的传奇之旅 星夜永 尸王争夺战 铁血江湖：风云 中州造神记 花田小区少年 我师兄明明满血却太过谨慎 我的婆婆我的妈 朕要君临天下 缆镇的龙套 荒原之上 朽谛 一念成佛，一念成魔 漫画女人自慰动态图 漫画女机器人图片大全图片大全图片大全图片大全 漫画女人怀孕 漫画女的邪恶动态图片大全图片 漫画女人自慰动态图 漫画女神排行榜 漫画女人裸图 漫画女句人也要谈恋爱 漫画女射箭情头两张 漫画女人大全图片 漫画女人尿裤子视频大全 漫画女人尿裤子视频 漫画男友抱着女友睡觉 漫画女机器人图片大全图片大全图片大全图片大全 漫画娘娘腔退学 漫画女的邪恶动态图片大全集 漫画女人裸图 漫画女射箭情头两张 漫画女人全部被杀了 漫画牛霸 漫画女机器人图片大全图片大全图片大全图片大全 漫画牛仔画法 漫画女人伤心图片大全集 漫画女风精灵专属 漫画女机器人图片大全图片大全图片大全图片大全图片 漫画男友抱着女友睡觉 漫画女射箭情头两张 漫画女人伤心图片大全集 漫画女人全部被杀了 漫画女射箭情头两张 漫画女的邪恶动态图片大全集 漫画女机器人图片大全图片大全图片大全图片大全 漫画女的邪恶动态 漫画牛霸 漫画男生在教室被女 漫画女的邪恶动态图片大全集 漫画女的邪恶动态 漫画女人怀孕 漫画男友抱着女友睡觉 漫画牛仔画法 漫画女的邪恶动态图片大全 漫画女仆服装照片 漫画男主角余生 漫画女人尿裤子视频 漫画女风精灵专属 漫画女机器人图片大全图片大全图片大全图片大全 漫画女人尿裤子视频 漫画女的邪恶动态图片大全 漫画男主会读心 漫画女人的胸部 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 剑龙江南义 剑魂神尊之帝 仙帝陛下别闹 入屠 我用科技成圣人 欧博官网 亚星管理平台 澳门葡京游戏官网 欧博官网 亚星游戏官网 漫画女人怀孕 漫画女孩的鞋子 漫画男友抱着女友睡觉 漫画牛霸 漫画女人裸图 漫画女句人也要谈恋爱 漫画女机器人图片大全图片大全图片大全图片大全 漫画女人伤心图片大全集 漫画女机器人图片大全图片大全图片大全图片大全图片 漫画女人大全图片 漫画女人全部被杀了 漫画女人大全图片搜索 漫画女的邪恶动态 漫画女人怀孕 漫画女神排行榜 漫画男友抱着女友睡觉 漫画男生在教室被女 漫画女人尿裤子视频 漫画女风精灵专属 漫画女人尿裤子视频大全 漫画男友抱着女友睡觉 漫画女人全部被杀了 漫画女人尿裤子视频大全 漫画女的邪恶动态 漫画女人尿裤子视频短片 漫画女射箭情头两张 漫画牛霸 漫画女射箭情头两张 漫画女人大全图片 漫画男生在教室被女