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
马国明的全部电视剧电视剧大当家经典台词大喜的电视剧日本以按摩的电视剧莫菲这就是爱情电视剧马国明的全部电视剧9几年的电视剧大喜的电视剧李铭顺古装电视剧我想要看花仙子电视剧全集万琦雯电视剧马国明的全部电视剧我的前半生18 电视剧我叫苗金花电视剧播放大喜的电视剧我想要看花仙子电视剧全集丑角爸爸电视剧雷恪生农村电视剧雷恪生农村电视剧小情人电视剧28想你电视剧全集国语版雷恪生农村电视剧李铭顺古装电视剧羞耻电视剧下载 迅雷下载莫菲这就是爱情电视剧无间道电视剧第三季西瓜日本以按摩的电视剧中国嬉妇电视剧主题曲新近播出的电视剧我的前半生18 电视剧本文根据民间传说以及部分地方史志创作完成,从一个一个小小的侧面,为读者展现围绕鞶镇这片北方的土地上,人们生生不息,千年来上演的一幕幕世事人伦、爱恨情仇及家国情怀。本文由一些相对独立的故事组成,虽有关联但不紧凑。首先,从一个人物说起……不就是投了个好胎吗?有什么了不起的! 嗯嗯,真香! 出行保镖有多点,没有什么大问题!你看那遥远的星域,我家的! 兄弟,跟我混,包吃包住, 一天饿九顿!读了红楼梦,每个人心里都有一个红楼“梦”.... 这是一个平平无奇,不知所谓,符合环境,普通凡人版的文艺梦。或凶杀,或自杀过的宅子,皆称之为凶宅。 市面上凡是地段上佳却又价格出奇低廉的宅子,皆出现过各种重大事故。 房主人为了打消购买者的疑虑,便会花重金邀请业内顶尖的试睡师破解凶宅传闻,同时化解凶宅内的凶邪离奇之事。 穷屌丝林飞误入试睡师行当,揭开一桩桩凶宅秘闻!叶天,一名普通的游戏设计者,资深的奥特迷,迪迦奥特曼的忠实粉丝。因为意外被一道光芒,穿越到奥特空间,成为光的巨人,迪迦奥特曼。拥有‘无限技能升级系统’,有无限技能天赋。直接大喊一声:“系统助我升级闪耀型迪迦,向奥特之神前进吧。”在50年以后,地球已经不适合生存了,人类创造了天空之城“天国”。智械时代的发展已经不可抑制,在天空飘荡的“天国”,在地面上拥挤的“废窑”,有一个什么都能修的人,那是一个传说,一个希望……遥远的蓝星遭遇前所未有的危难,于地球寻找帮助,林飞作为第一批灵魂穿梭的人类,他的未来将走向何方。“上可抵九天揽星河,下直通九幽斩黄泉。” 吾之名“方烨”世人皆称为龙王, 吾所在之地 黑暗退却,光明永存 吾所诵之名 凡皆敌者天道磨灭 沐浴光明者可得永生。特殊体质,资质绝佳,修炼救母。红尘中相视一眼,续写剪不断情缘。 不争大世,不逆天道,顺势修仙。无尽岁月一浮尘,凡人亦可登绝巅。五代十国,神州血雨腥风,百姓在死亡线上挣扎着,望天悲问:大乱何时休?!国家何时大治?21岁意外身亡的的赵匡匡,睁开眼发现自己成了赵匡胤,但他开局就惹出事端,为外出避难,他辞别父母和妻子,离家闯荡,受尽磨难。所谓乱世出英雄,他先投奔郭威,因高平之战的出色表现,成为禁军的高级将领。之后逐渐在禁军中形成自己的势力,结“义社十兄弟“。柴荣病死,他发动陈桥兵变,黄袍加身。称帝后,赵匡胤先击溃后周残余势力,又采取“先南后北”的策略,攻灭了割据政权,加强了对北方的防御。随后他兵不血刃 “杯酒释兵权”。坚持“重文抑武”的国策,开创了大宋的辉煌盛世。
世界余吾于无 地狱中的行者 蓝星危,速回 破晓之后的永恒 一醉平生 时光中 游戏帝国:从逼疯玩家开始 三好学生? 龙影雪魅 人道圣尊 武林! 帝国雪绒花 亦道亦一亦心魔 洪荒:万界打手聊天群 无敌县令,断案就变强! 智能迷失 林华的圣皇之路 末日:灵魂契约 我可以无限穿越平行世界 绝罪 心肝宝贝电视剧高清 万绮雯演过什么电视剧 丑角爸爸电视剧 雷恪生农村电视剧 心肝宝贝电视剧高清 金水是什么电视剧 卧底归来电视剧影音先锋 万万没想到电视剧演员表 无间道电视剧第三季西瓜 我的前半生18 电视剧 李铭顺古装电视剧 简爱电视剧 羞耻电视剧下载 迅雷下载 我想要看花仙子电视剧全集 三国演义电视剧和小说下载 莫菲这就是爱情电视剧 卧底归来电视剧影音先锋 无间道电视剧第三季西瓜 想你电视剧全集国语版 马国明的全部电视剧 万绮雯演过什么电视剧 大喜的电视剧 电视剧大当家经典台词 我叫苗金花电视剧播放 我想要看花仙子电视剧全集 羞耻电视剧下载 迅雷下载 无间道电视剧第三季西瓜 电视剧大当家经典台词 想你电视剧全集国语版 无间道电视剧第三季西瓜 莫菲这就是爱情电视剧 万绮雯演过什么电视剧 日本以按摩的电视剧 马国明的全部电视剧 中国嬉妇电视剧主题曲 莫菲这就是爱情电视剧 电视剧王昭君出塞 卧底归来电视剧影音先锋 羞耻电视剧下载 迅雷下载 电视剧王昭君出塞 莫菲这就是爱情电视剧 电视剧矫情女主 小情人电视剧28 简爱电视剧 我叫苗金花电视剧播放 万绮雯演过什么电视剧 李铭顺古装电视剧 日本以按摩的电视剧 新近播出的电视剧 9几年的电视剧 亚星官网 亚星游戏官网 亚星游戏官网 亚星官网 亚星官网 水行:上 网游之我为通天教主 废柴皇子的末世生存指南 我在妖界是条狗! 重生我从老虎开始进化 亚星管理平台 葡京官网 AG真人 亚星管理平台 万利官网 万琦雯电视剧 想你电视剧全集国语版 三国演义电视剧和小说下载 大喜的电视剧 马国明的全部电视剧 心肝宝贝电视剧高清 电视剧矫情女主 丑角爸爸电视剧 无间道电视剧第三季西瓜 中国嬉妇电视剧主题曲 无间道电视剧第三季西瓜 万琦雯电视剧 金水是什么电视剧 小情人电视剧28 新近播出的电视剧 想你电视剧全集国语版 简爱电视剧 马国明的全部电视剧 我想要看花仙子电视剧全集 我的前半生18 电视剧 电视剧矫情女主 日本以按摩的电视剧 电视剧大当家经典台词 中国嬉妇电视剧主题曲 莫菲这就是爱情电视剧 雷恪生农村电视剧 日本以按摩的电视剧 简爱电视剧 雷恪生农村电视剧 万绮雯演过什么电视剧