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
美女被杀的游戏美女看房子游戏下载地址美甲小游戏免下载安装美女被杀的游戏下载地址美女猜猜游戏下载美女被杀的游戏美女蛋蛋小游戏美甲小游戏免下载安装美女高潮小游戏。美女搓澡游戏下载美女猜猜游戏下载手机版下载美甲小游戏免下载安装美女大战镜子游戏视频美女猜猜游戏下载手机版下载美女被杀的游戏下载美女搓澡游戏下载美女的诱惑小游戏美女猜猜游戏下载手机版美女猜猜游戏下载美女冒险岛游戏美女看房子游戏美女猜猜游戏下载手机版美女高潮小游戏。美女找不同小游戏大全下载美女猜猜游戏美女与森林小游戏大全美女猜猜游戏美女找不同小游戏美女冒险岛游戏美女大战镜子游戏视频在线观看太古年间 四大神兽争锋 引得妖修进入狂潮 公元521年间 四大神兽 古麒麟 古青龙 古白虎 古玄武传承....游戏降临，现实与虚幻交织。 这里有武者拔山倒岳，声震十里。有妖兽双翼一展直上云霄，更有一种名为玩家的生物在当中嬉笑怒骂。 世界的交融，躲不开的命运。 当百米长的火焰刀气横贯于现实之中，当名为‘魔’的存在破碎空间降临之时。 举世哗然，一众玩家不由抬头仰望： “我kao！” ……　 远古时期，天地不分，一片混沌。上古大神盘古以无上神通开天辟地，自此混沌开；阴阳分，天地运行；万物孕育而生。这万物之中有一元灵，窥天地之玄机；悟众妙之法门，并创玄功于后世。此玄功一分为四，各为：清，灵，空，明四气。正是：清灵天地，空明在世。心是明镜，破天寻踪。虽出身白丁，但可与鸿儒比肩； 虽家境贫寒，但举手可赚钱万贯； 虽手无缚鸡之力，但弹指万军灰飞烟灭； 我虽布衣，可做公卿。米月是东州市公安局刑侦支队一名年轻的女副支队长，在侦破一起故意杀人案中，米月步步追踪，最后介入到一宗遍布全国26个省市自治区的团伙大案…… 凶兽来袭，地球生灵涂炭，异族入侵，华夏岌岌可危。守夜少年，长枪斩妖魔，强弓射凶顽，战强敌，斩凶神，灭界域，重塑天道。 且看，小小少年，华夏传武吊打金丹，一把长弓爆射元婴。散乱的群星已经归位，离去的神话自梦中返回，旧日的阴影盘旋缭绕，述说着不可看，不可听，不可想的真理。 若理智已被完全撕碎……我们又该相信什么？本书乃是沙悟净的前世传说，讲述作为沙悟净凡体的沙廉如何由纨绔子弟逐步蜕变为卷帘大将，如何实现自身功德圆满的故事。通篇围绕沙廉及其亲友展开了一系列的奇幻故事，有波澜不惊的人间界故事，亦有跌宕起伏的仙、魔故事，令人大开眼界。又名绝剑天下 双晶大陆上的神秘组织 神奇星球上的残酷战争 少年身怀绝技 书写磅礴传奇一个传奇网游，一把剑，看一个游戏天才如何问鼎武道顶峰，成就一代枭雄，而命运之神又会如何安排呢？是懦弱还是其他？是废材蠢才还是其他？
蚁道 我成了永恒道主 九天神帝 我老婆是只黄皮子 神下斩龙坡 诡丧之城 其夜未央 零与祖 宗门里除了我都是卧底 僵尸之灾 浮屠阁笙世 三色玫瑰 卡迪亚大陆风云录 我是化阴人 网游：风入神州 半神之坠 飞天成神 平民异能者 浮生尘游 末世少女戴安娜 美女与森林小游戏大全 美女厨房游戏破解版 美女动漫女仆被虐小游戏 美女猜猜游戏下载 美女看房子游戏下载地址 美女找不同小游戏 美女动漫女仆被虐小游戏 美女大游戏安卓版 美女空姐邪恶游戏 美女大战镜子游戏视频 美女动漫游戏。 美女动漫游戏。 美女旅馆游戏 美女厨房游戏破解版 美女被杀的游戏 美女猜猜游戏下载 美女动漫游戏. 美女与森林小游戏大全 美女看房子游戏下载 美甲小游戏免下载安装 美女厨房游戏破解版 美甲小游戏免下载安装 美女看房子游戏下载 美女猜猜游戏下载手机版 美女搓澡游戏下载 美女旅馆游戏 美女与森林小游戏大全 美女看房子游戏下载 美女看房子游戏下载 美女空姐邪恶游戏 美女猜猜游戏下载 美女厨房系列游戏 美女被杀的游戏下载地址 美女被杀的游戏 美女找不同小游戏大全下载 美女猜猜游戏 美女被杀的游戏下载地址 美女动漫女仆被虐小游戏 美女找不同小游戏大全下载 美女被杀的游戏下载 美女猜猜游戏 美女大游戏安卓版 美女冒险岛游戏 美女动漫游戏. 美女猜猜游戏下载手机版下载 美女厨房系列游戏 美女动漫游戏。 美女猜猜游戏 美女旅馆游戏 美女的诱惑小游戏 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 这星轮居然要认我为主 敲开幸福的大门 巅峰暗龙 飞星坠海记 我的仙王老爸 亚星管理平台 澳门葡京官网 葡京官网 亚星管理平台 万利游戏官网 美女找不同小游戏大全下载 美女猜猜游戏下载手机版下载 美女大战镜子游戏视频在线观看 美女空姐邪恶游戏 美女厨房游戏破解版 美女摸奶节小游戏 美女蛋蛋小游戏 美女猜猜游戏下载手机版 美女看房子游戏下载地址 美女看房子游戏下载 美女厨房系列游戏 美女厨房游戏破解版 美女猜猜游戏 美女蛋蛋小游戏 美女搓澡游戏下载 美女看房子游戏 美女动漫游戏. 美女冒险岛游戏 美女大战镜子游戏视频 美女与森林小游戏大全 美女被杀的游戏 美女看房子游戏 美女猜猜游戏下载手机版 美女旅馆游戏 美女看房子游戏下载 美女大战镜子游戏视频在线观看 美女猜猜游戏下载手机版下载 美女厨房系列游戏 美女猜猜游戏 美女猜猜游戏下载