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
漫画图片女生可爱巫女漫画短发帅哥裸体二次元少女漫画图片路人轮。耽美漫画千均一发漫画漫画图片女生可爱巫女杀神漫画全集阅读免费裸体二次元少女漫画图片尸兄漫画的作者阿衰全集漫画免费阅读图片2017京都国际漫画赏裸体二次元少女漫画图片色漫画7052017京都国际漫画赏金刚狼推荐漫画阿衰全集漫画免费阅读图片坂井泉水漫画蝙蝠侠黑暗的漫画千均一发漫画漫画少女的小JJ萝玲的魔力同网站漫画蝙蝠侠黑暗的漫画尸兄漫画的作者我们存在的世界漫画棒球部长漫画bl漫画男图血族图片棒球部长漫画bl我成为了bl漫画家助理漫画少女的小JJ僧侣之夜漫画版百度云广袤无垠的具象大陆，具象者们，打通三脉七轮，修炼着脉气。 根轮开，红莲绽放，具象现： 腹轮开，橙莲绽放，具象量变： 脐轮开，黄莲绽放，变化现： 心轮开，绿莲绽放，生命现： 喉咙开，蓝莲绽放，灵性现; 额轮开，紫莲绽放，智慧现： 顶轮开，千瓣莲花，彩虹现。 红十具象师，橙百具象师，黄千具象师，灰迷具象者，绿生具象师，蓝灵具象师，紫归具象师，彩虹尊者。 生命之花，如此璀璨，如果可以，我愿奉献！从蓝星穿越而来的孤儿夜无明，没有朋友，没有父母，记忆之中更不知自己从何而来，为什么会来到这里……让我们一起来看看少年如何恢复自己的记忆，解开自己的身世之谜。这是一家白天给活人吃面晚上给死人吃面的面馆。全球御兽时代，开局觉醒sss级天赋。 无尽提取！ 提取铁元素，木剑进化成功，获得一把铁剑！ 提取坚硬元素，自身进化成功，获得久久能力！ 从此刻开始，走向御兽巅峰！ 睁开眼，林浩强重生到和妻子离婚的当天。 上一世的他，五毒俱全，抛妻弃女。 弥留之际的他，得知老婆积劳成疾，早已亡故，女儿叛逆，十年牢狱之后，死于街头。 林浩强死不瞑目。 上天给了他一个重生的机会，还给了他一方小世界。 为了弥补上一世的罪孽，林浩强起早贪黑，拼命工作，把老婆和女儿宠上了天。 贺宏己是一名十九岁的大学生，三观正，爱国家，家境富有，但是钱财来源多是他那唯利是图的父亲收敛来的不义之财，曾被贺宏己多次匿名举报。 有一天一个女孩告诉他父亲，如果再行不义之事，报应将会降临在你的后代之身，果不其然，在贺宏己的父亲想要挖掉英烈之墓建造房产时，贺宏己便意外坠楼了，这一切贺宏己都不知道是如何发生的。 在坠楼的一瞬间，贺宏己来到了一片空白的空间内，他遇到了一个穿着绿裙子的女孩，这个女孩改变了贺宏己的一生，她给予了贺宏己特殊的能力，把他带到了武工队传奇的世界里。 刘天莫穿越了，只想老老实实的做个大闲人，但奈何实力不允许。 内忧外患，愣是逼成了救世主，无所不能！ 种田，发展工业，驱除外侵…… 且看我，如何成为一代枭雄！秦煜魂穿大唐，激活了个说书系统，却没想到开局任务就说【长生诀】。 秦煜：在大唐说长生诀？系统你怕不是嫌我死的太慢！你咋不叫我去讲玄武门之变？ 系统：那就讲玄武门之变，要么现在死！ 秦煜：我也不是怕死，就是爱讲玄武门之变！ 李二：听个书，结果听到揭秘玄武门之变！这厮当真是不怕死呀 诸子百家，以身正道。入众生以正道，出红尘已修心。贵以身为天下，乃可寄天下；爱以身为天下，乃可托天下。本文根据民间传说以及部分地方史志创作完成，从一个一个小小的侧面，为读者展现围绕鞶镇这片北方的土地上，人们生生不息，千年来上演的一幕幕世事人伦、爱恨情仇及家国情怀。本文由一些相对独立的故事组成，虽有关联但不紧凑。首先，从一个人物说起……
神明动物园 一片丹心 凡人轶事录 离乡三千里 哥不是神 维克托：起源 穿越在无尽世界当宅男 杂乱无章之红斑 全民领主：我能召唤历史人物 17岁的年纪 卍生界 谭家菜 寰宇帝族 上门狂婿 西游之天蓬列传 入屠 名劫 最高派遣局 神选战队 油灯记 漫画国民老公带回家104 少女漫画火影纲手 坂井泉水漫画 千均一发漫画 漫画短发帅哥 我成为了bl漫画家助理 坂井泉水漫画 长篇邪漫画大全 漫画男图血族图片 色漫画705 后宫动漫触手图漫画图片大全集 后宫动漫触手图漫画图片大全集 蝙蝠侠与罗宾电影漫画 少女漫画火影纲手 漫画图片女生可爱巫女 千均一发漫画 末日降临漫画最新 漫画国民老公带回家104 漫画(近亲)1话 裸体二次元少女漫画图片 少女漫画火影纲手 裸体二次元少女漫画图片 漫画(近亲)1话 蝙蝠侠黑暗的漫画 阿衰全集漫画免费阅读图片 蝙蝠侠与罗宾电影漫画 漫画国民老公带回家104 漫画(近亲)1话 漫画(近亲)1话 漫画男图血族图片 千均一发漫画 少年同性漫画大全 路人轮。耽美漫画 漫画图片女生可爱巫女 我们存在的世界漫画 棒球部长漫画bl 路人轮。耽美漫画 坂井泉水漫画 我们存在的世界漫画 金刚狼推荐漫画 棒球部长漫画bl 长篇邪漫画大全 漫画少女的小JJ 末日降临漫画最新 2017京都国际漫画赏 少年同性漫画大全 后宫动漫触手图漫画图片大全集 棒球部长漫画bl 蝙蝠侠与罗宾电影漫画 扶她汉化全彩漫画下载 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 三界焚尊 深秋时节 天道九梯 网王之世界之巅 末日新生之林落 亚星官网 万利官网 欧博游戏官网 亚星官网 AG真人 我成为了bl漫画家助理 少年同性漫画大全 末日降临漫画最新 萝玲的魔力同网站漫画 后宫动漫触手图漫画图片大全集 长篇邪漫画大全 漫画赎罪营无删减版490 路人轮。耽美漫画 长篇邪漫画大全 僧侣之夜漫画版百度云 僧侣之夜漫画版百度云 蝙蝠侠与罗宾电影漫画 杀神漫画全集阅读免费 后宫动漫触手图漫画图片大全集 我成为了bl漫画家助理 阿衰全集漫画免费阅读图片 2017京都国际漫画赏 萝玲的魔力同网站漫画 漫画赎罪营无删减版490 金刚狼推荐漫画 裸体二次元少女漫画图片 漫画国民老公带回家104 长篇邪漫画大全 扶她汉化全彩漫画下载 金刚狼推荐漫画 我成为了bl漫画家助理 漫画国民老公带回家104 2017京都国际漫画赏 我成为了bl漫画家助理 漫画少女的小JJ