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
我的妈妈日本漫画视频在线观看我的超s上司漫画在线看我爱的阿姨漫画图片大全我爱罗同人完结漫画我把老师给日了漫画我的妈妈日本漫画视频在线观看我插妈插漫画图片我爱的阿姨漫画图片大全我的办公室韩国漫画4我被老师变成女生漫画图片大全我被老师变成女生漫画我的妈妈日本漫画视频在线观看我变成了萝莉漫画全集下载我被老师变成女生漫画我爱的阿姨漫画图片大全我被老师变成女生漫画图片大全我插妈插漫画图片大全我把老师给日了漫画全集我把老师给日了漫画全集我的老婆是会长漫画21我的冰山美女总裁漫画我把老师给日了漫画全集我的办公室第二部漫画全集我的基友是女孩漫画我把老师给日了漫画我的狐bl漫画我爱罗同人完结漫画我的护士邪恶漫画下载我的巨乳妈妈漫画我变成了萝莉漫画全集下载赢飞羽穿越大秦，开局年仅五岁半。 还好身携熊孩子系统，只要不断搞事就能获得奖励。 “什么？系统你说我爹是秦始皇？” 当得知自己竟是嬴政流落在外的第二十四子时，赢飞羽惊了。 为了大秦不再二世而亡，也为了自己的小命，赢飞羽只好出手为嬴政逆天改命，导演沙丘宫之变！ 嬴政：“好孩子，跟朕回宫，宫里好吃的多的很！” 小正太：“有泡面吗？” 当代大儒：“小公子，咱们今天学四书！” 小正太：“你瞧瞧我倒背的如何？” 第一武将：“小公子，臣来教你几招！” 小正太：“还是我先给你表演一个空手舞石狮子吧！” 嬴政：“赵佗造反，谁去平定？” 百官：“小公子文能提笔安天下，武能马上定乾坤！” 小正太：“别急！容我先练一只特种兵！” 原本只想作妖混个系统奖励，不曾想竟被秦始皇当做接班人培养！ 是一个充满在神秘色彩中的反正义跨国杀手组织，故事由一起轰动全国的庞大组织杀人案的曝光引发，反正义和正义与之抗衡。穿越到了大秦。 成了大秦的十九公子赵祁。 从小装疯卖傻，成了人人唾弃的废物。 此时正值大秦历三十七年，嬴政为寻长生，不顾百官阻挠，执意东巡访仙。 “父皇，你老了。” 就在此时，最不成器的十九公子赵祁提剑入咸阳宫。 【叮！】 【签到地点：咸阳宫】 【签到任务：逼迫始皇退位】 【签到奖励：一万大雪龙骑军】 面对一千始皇禁卫军。 赵祁有三千黑水台铁鹰卫效忠， 面对两万的黑甲禁军。 赵祁召唤出一万大雪龙骑军将其杀得抱头鼠窜。 这一日。 咸阳宫上。 蛰伏了足足十八年的赵祁第一次穿上黑水龙袍。 站立在龙椅之前。 高举手中雕龙长剑。 朗声道： “儿臣赵祁，恳请父皇退位！”绝世神王，重生一世，修无上逆天功法，有神王传承记忆，偶尔指点一下那所谓的天下大师，随手收几个天才做弟子跟班。 “缺少功法？那很简单！” “没有丹药？容易至极！” “问题是，你跟我混了么？” 这一世，叶星辰注定要踏上那巅峰至强者，以强凌云，以武逆天。这部小说中，我把身边的好朋友换到了架空的古代舞台，用来纪念我们的青春。小说中大部分重要角色都有人物原型。在写作过程中，为尽量让书中人物与原型近似，许多人物的台词由其原型进行加工，一些剧情分支也由原型人物进行选择。 新汉帝国处在最好的时代，也处在最坏的时代。一方面经济迅速发展，社会变革即将到来，一方面北方边患严重，内外敌人蠢蠢欲动。在这样的背景下，太史信与朋友们与各方敌人斗争，也与自己的弱点斗争。　从我记事起，爸妈的吵架总是喋喋不休，永无止境，我们家世世代代都是做纸币，纸扎生意的，靠赚阴间的钱，勉强维持生计，后来不知怎么着，我们家的气运开始逆转，发了大财，一越成为小镇最富有的门户，但他们今天的吵架，似乎跟我有关。 　　紧接着传来母亲的声音，挨千刀，你是不是要死，小非才多大啊，你为了钱竟然干这种事，你让我们的小非以后怎么办。 　　韩刚像是魔怔了一样，嘴里一直重复着，我是为她好，我是为她好，你不懂，黑羽先生一定会好好对待小非的，而我们家也会因为托小非的福，世代昌运。我儿子的故事两个满脸稚气的少年，手持兵器，情绪激动，手中的刀剑指向法海寺紧闭的大门，口中大声叫喊道：“法海，快滚出来，受死！”以日记形式记录大兴安岭密林深处的灵异故事，如果能通过坐标找到我，可以一块聊聊。我叫“空”这是我第一世父母起的名字。我有过很多人生，可每一世的生命只有20年，我好像被什么人给控制了，我要打破这种控制，无论我怎么反抗都是竹篮打水，一场空。直到这一世我终于有了结果…………
随便都能重 银河系大战前先流浪 星河尊者 青衫磊落长歌行 逍遥小秀才 天庭打工仔 破天机系列之困天迷龙局 异界最强户口本 末世之神级暗影系统 铠甲勇士之宇宙危机 寞路血郎 一剑凌尘西边来 神奇的杰克 新化道有情 乱世帝都 星夜永痕 全球入梦 他是如何逆风翻盘的 歌行诸天 妖孽王二狗 我的儿媳漫画 我被老师变成女生漫画图片 我插妈插漫画图片大全 我把老师给日了漫画全集 我的儿媳漫画 我的胡子新娘 漫画 我吃阿姨拉屎漫画 我被最想拥抱的男人威胁了漫画 我的狐bl漫画 我变成了萝莉漫画全集下载 我的办公室第二部漫画全集 我的办公室第二部漫画全集 我的基友是女孩漫画 我被老师变成女生漫画图片大全 我的妈妈日本漫画视频 我把老师给日了漫画 我吃阿姨拉屎漫画 我的狐bl漫画 我的冰山美女总裁漫画 我的妈妈日本漫画视频在线观看 我被老师变成女生漫画图片 我爱的阿姨漫画图片大全 我的超s上司漫画在线看 我把妈日漫画 我被最想拥抱的男人威胁了漫画 我的基友是女孩漫画 我的狐bl漫画 我的超s上司漫画在线看 我的冰山美女总裁漫画 我的狐bl漫画 我把老师给日了漫画全集 我被老师变成女生漫画图片 我爱罗同人完结漫画 我的妈妈日本漫画视频在线观看 我的基友是女孩漫画 我把老师给日了漫画 我爱国漫吧漫画网 我吃阿姨拉屎漫画 我的基友是女孩漫画 我爱国漫吧漫画网 我把老师给日了漫画 我被最想拥抱的男人威胁了漫画下载 我的老婆是会长漫画21 我的爸爸是变态漫画 我把妈日漫画 我被老师变成女生漫画图片 我的办公室第二部漫画全集 我爱罗同人完结漫画 我的巨乳妈妈漫画 我插妈插漫画图片 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 我在地下修真 星穹之子 不要叫我名字 天朝往事 机动之翼 百家乐官网 澳门葡京官网 葡京官网 百家乐官网 万利游戏官网 我的超s上司漫画在线看 我的儿媳漫画 我的爸爸是变态漫画 我的办公室韩国漫画4 我插妈插漫画图片大全 我的护士邪恶漫画下载 我的妈妈日本漫画视频在线观看 我被最想拥抱的男人威胁了漫画下载 我的爸爸是变态漫画 我把妈日漫画 我插家人的全彩漫画 我爱罗同人完结漫画 我的办公室第二部漫画全集 我被最想拥抱的男人威胁了漫画 我的基友是女孩漫画 我的护士邪恶漫画下载 我变成了萝莉漫画全集下载 我插家人的全彩漫画 我被老师变成女生漫画图片 我的办公室第二部漫画全集 我插妈插漫画图片 我的胡子新娘 漫画 我的超s上司漫画在线看 我被最想拥抱的男人威胁了漫画 我吃阿姨拉屎漫画 我的巨乳妈妈漫画 我变成了萝莉漫画全集下载 我的胡子新娘 漫画 我被最想拥抱的男人威胁了漫画 我被老师变成女生漫画图片大全