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
诚信论文的参考文献大学本科优秀毕业论文范文采用相关分析法的论文不成功决不罢休论文肠道和皮肤 论文诚信论文的参考文献初中教师发表论文格式采用相关分析法的论文大胆创新作文议论文传播学优秀论文范文传播学论文范文采用相关分析法的论文船舶结构有关论文传播学论文范文不放弃 追求的议论文传播学优秀论文范文创新创业论文1500传播学本科论文范文传播学本科论文范文大学生的就业与规划论文大二英语系论文传播学本科论文范文大胆创新作文议论文大学论文一般要写多久并购有关论文大学论文查重要买么并购有关论文大学论文一般要写多久大学生的就业与规划论文船舶结构有关论文母胎单身的我的取向是没有问题的，奈何没有心仪之人，都说梦是人的潜意识，梦中的她确实是我心之所向角色： 泠竹：泠竹 尚祁：尚祁 主要角色有泠竹父亲，泠竹妹妹，男主尚祁，以及制造冰球的反派人物甲和乙。 大概是世界末日到了，全球气温骤降，导致很多地方都失去了昔日的生机，每过一段时间就会有巨大的冰球将地球上的某一生存地给毁灭碾压。而这次终于轮到泠族部落所在的区域了。 一场蓄谋已久的家族风波，让苏骁被关进了世界最为可怕的监狱，无边炼狱当中！ 为了复仇，同时也为了将自己的妹妹从那个家族当中拯救出来，苏骁磨灭掉了自己最后一丝理智，化作恶犬，只为争取那一线生机。 却不想，世界晋升战争的出现，打乱了他的全部计划。 心相武器的出现，更是火上浇油。 “即便是世界毁灭！我也一定会找到你的，苏蓉！” 带着拯救妹妹的念想，苏骁带着他的心想武器，开启了他波澜壮阔的一生！GDI的宿将在踏上另一条不归路的前一天，被卷入了漫长的征程。 “你难道不认为自己很失败？” 麦克尼尔看着李林手上的十字形疤痕，若有所思。 “我曾经活在末日一般的地方，什么事情是不失败的？” 一个英雄的陨落。 尽管披着CNC的皮，实际上并未包含任何CNC内容。 QQ群：574110653，欢迎讨论设定。 ————— 标签：命令与征服、红色警戒、Code Geass叛逆的鲁路修、魔劣、攻壳机动队、超时空要塞、龙背上的骑兵、尼尔机械纪元、心理测量者、使命召唤、全金属狂潮、生化危机、东京喰种、恶魔城、樱花大战、仁王。逍遥自然，离奇古怪，理性奇幻。未世来临，无数人变异，无数人死去。人类只能在夹缝中生存，与各种异种周旋，混出一条生路来。姜丰是个小人物，没有什么大志向，可偏偏命运不会放过他，在他的生存路上，无数的危险，无数的恶梦，通通让他碰到，他拼命挣扎，要保全爱人、家人、朋友的生命，也要保全自己的生命，非常难，特别难，但是必须做。 人生逍遥路漫漫，慢修吾心妄烟云， 运极命数皆注定，鼎立混沌独自清。 罄音撩灵安坐钟，终了余生残破魂， 魂归故里望长生，深入宇空宙已寂。 漫定钟生，慢鼎终深。 人运罄魂，云清魂寂。 五个貌美如花的师姐，一个个都不是省油的灯。嗜好、品味、性格，各异。可是，她们却拥有一个共同的爱好——宠弟狂魔。听说隔壁一妈就十六境下乱杀，那我这十二个师伯。。。。阿这，我好像有点无敌啊，宝儿。这是最坏的时代！这是好的时代！这是人类为刍狗的时代！ 这是崛起的时代！崛起还是死亡？他会如何选择呢！红线将你我相连，但我已经失去了和你相关的所有记忆。 曾经钱缘无数次将生气的杜心沁追回，现在换做她来守护自己心爱的人。 喜欢上你没有太多道理，只是每天都能同你在一个屋檐相遇。 “缘哥哥，那天你又不记得我了怎么办？” “我们彼此有着红线相连......”姜凌天身处娘胎中，听到自己被人扰乱天命，出生会是个没长相，没资质的路人时，激活了无限修改系统！ 系统只有一个功能，修改！ 体质废柴？修改！叮！获得万古道体！ 气运超垃圾？修改！叮！获得诸天万界永生庇护！ 功法等级太低了，修改！叮！获得太上混沌道经！ 颜值不行？修改！于是，世上多了一位亘古难遇，万古第一的帅哥……
最贼修仙者联盟 极品农民叱咤都市 浪漫收藏家 大梁，双龙侦探 重生东汉末年之我为刘协 破劫传说 疯魔剑圣斩天下 觅路行 断层世界 非狼 全球异化之暗影前驱者 回首这二十年 灵气复苏：异能者的战争 新回家的诱惑 ：忆 从满级开始的异世界之旅 小白也有武侠梦 fate new time 圣灵星皇子到地球做大少 阴阳冥使！ 大学环艺毕业设计论文 传播学优秀毕业论文 创新创业论文1500 肠道和皮肤 论文 大学环艺毕业设计论文 大学论文抄袭的后果 创新创业论文1500 抄书论文查重能过吗 大学论文查重要买么 船舶结构设计论文 大胆创新作文议论文 大胆创新作文议论文 大学生创业弊端论文 传播学优秀毕业论文 诚信论文的参考文献 肠道和皮肤 论文 春节传统文化论文 大学论文查重要买么 大学本科优秀毕业论文 采用相关分析法的论文 传播学优秀毕业论文 不放弃 追求的议论文 大学本科优秀毕业论文范文 传播学论文范文 传播学优秀论文范文 大学生创业弊端论文 大学论文查重要买么 大学本科优秀毕业论文范文 大学本科优秀毕业论文 大学论文查重要买么 肠道和皮肤 论文 传播学论文自媒体 不成功决不罢休论文 诚信论文的参考文献 大学论文一般要写多久 肠道和皮肤 论文 不成功决不罢休论文 创新创业论文1500 大学生创业弊端论文 不放弃 追求的议论文 并购有关论文 船舶结构设计论文 成本增加了论文 春节传统文化论文 传播学论文范文 传播学优秀毕业论文 大胆创新作文议论文 并购有关论文 大学生创业弊端论文 初中教师发表论文格式 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 大唐：我在长安开酒楼 重生之从遁去的三开始 刷怪录 圣凡客栈 我在都市直播练武，弟子三千万 亚星游戏官网 万利游戏官网 万利官网 亚星游戏官网 澳门葡京官网 大胆创新作文议论文 传播学优秀毕业论文 大学论文抄袭的后果 大学论文抄袭的后果 抄书论文查重能过吗 船舶结构设计论文 传播学论文自媒体 春节传统文化论文 船舶结构有关论文 大学环艺毕业设计论文 大学论文一般要写多久 传播学论文范文 船舶结构有关论文 大学论文抄袭的后果 传播学优秀毕业论文 诚信论文的参考文献 传播学论文范文 传播学本科论文范文 大学本科优秀毕业论文范文 大学本科优秀毕业论文范文 传播学优秀毕业论文 传播学优秀毕业论文 肠道和皮肤 论文 传播学本科论文范文 抄书论文查重能过吗 船舶结构有关论文 大胆创新作文议论文 成本增加了论文 并购有关论文 大学论文查重要买么