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
如何发表法律论文格式三段论规则逻辑学论文如何发现客户论文如何分析论文结构如何改善投资结构论文如何发表法律论文格式如何塑造阳光心态论文如何发现客户论文如何写本论文的特点如何培养创新思维论文如何看待高利贷论文如何发现客户论文如何社会主义价值观论文如何看待高利贷论文如何分辨植物论文如何培养创新思维论文如何提升领导力论文如何降低知网论文查重率如何改善投资结构论文如何保护自我权利论文如何写好一篇本科论文如何降低知网论文查重率如何写本论文的特点如何把握一学一做论文如何分析论文结构分析山地旅游资源 论文如何分析论文结构分析如何把握一学一做论文如何保护自我权利论文如何社会主义价值观论文枫立天是我的小学同桌,今年六月,我在学校里用一个日记本写一本小说,在班里特别有名,粉丝有十几,有一天放学,枫立天来找我,他帮我在网上更小说,六月末,我加入了17K,但他并没好好更,还删改内容,让我很失望,我只能把原本的拿出来更这是一个悲伤的故事，宗教一度盛行。在县城的孩子们污染，病态的人格在传播。终于，鬼出世，没有任何疑问。悲的人生选择，是生是死隐匿，步步惊心，需要以今生不悔的勇气。具有看淡一切的品质。那一年，万里河山狼烟四起。 枪声惊醒山林，硝烟弥漫古观。 终南山玄隐观小道士宋修，秉承师命下山入世保家卫国。 激战中，他竟意外穿越现代。 会医术，懂武术，能占卜... 琴棋书画，吹拉弹唱，都会“亿”点！ 靠着一身本事，他成为实至名归的国民神医，国粹传承人，武道宗师。 本书又名：《我真只是个道士啊》，《都市：靠道士身份开始出圈》，《穿越现代之好好活着》。天下之剑，均可御行；常剑易御，剑芒难行；三尺气魄，立于天地；御剑凌空，飞剑穿敌——记世间最强剑仙。修仙和历史共存，里面涉及的历史典故和俗语比较多。2755年，人类开始走向星际文明时代，终端永恒号将是第一艘飞向星际文明的战舰。没错，我们的主角在这艘战舰中。维克特萨摩斯，外号狼或狼夜叉，身高195厘米、体重325斤。背后那刻画出来般的肌肉，直接印出魔神脸般的魔神背。总长3550米的终端永恒号战舰装备了全球最先进的扭空引擎与许多灭星武器…直逼多重宇宙级别，完全可以探索宇宙。此时维克特萨摩斯与他的妹妹维克特爱多琳满脸期待地坐在终端永恒号的指挥室中，他俩谨慎地看着以上船的500名新兵的资料。不知道在浩瀚的宇宙中，等待这502位战士的将会是什么？在未来期限的50年内，这次探索宇宙文明的途中他们是否能完成全体人类交给他们的使命？他们将决定未来的人类文明是否是其他宇宙文明的敌人，太阳系被开发得差不多啦，他们也决定人类的新家园。这个世界上总有那么一些人，他们无畏，固执，乃至偏执，不羁，骄傲，而又狂妄。即使到了绝境，他们也绝不妥协。 　　从不给自己留任何退路，只愿勇往直前，哪怕最后是死。 这是一个只修炼肉身，不修炼灵气的少年，在命运的逼迫下，以凡人之躯一步步走向炼体成仙的故事。 做好准备，全程高燃。何家遭逢惊天大变，家道中落，父亲疯癫，母亲重病。 为了凑齐母亲的手术费，却被骗走祖传百年的老店。 获得鉴宝神瞳后，何林改写悲惨人生！ 奇珍异宝，古玩字画，神瞳辨异，气运藏穴。 一双精金火眼，狂揽天下珍玩！他是国之重器，科研天才，国士无双！ 她是国民女神，国色天香，迷倒众生。 重生到另一个世界的洛铭，激活了系统。系统给予的奖励条件为暗恋，暗恋时间越长，奖励越丰厚。 谨慎选择了自己的暗恋对象云雨蝶之后，经历五年时光，作为可控核聚变，空天航母，外骨骼机甲等高端科研项目总工程师的洛铭，载誉归来。 而他不知道的是，在不久之前，已经成为国民女神，甜美天后的云雨蝶竟然在歌手巅峰对决节目中向他表白了。 原来这个可爱的女神，也在暗恋着洛铭。 五年一别，五年暗恋，五年思念，再次相逢，这对神仙眷侣开始谱写传奇而甜蜜的人生！当吴狄秉着爱国，诚信，敬业，友善的优良品质，混进金庸先生笔下的武侠世界当中，成为一名武当道士时 面对上辈子无数个夜晚在床上幻想过的武功秘籍，看见那一位位老爷子笔下倾城倾国的女猪脚们，吴狄表示 别无选择，唯有制霸江湖！
放牛之世 一位残血大佬的自我修养 滕 异灵奇幻录 模拟：开局收了女帝做丫鬟 神与棋局 雾山迷蒙彩霞飞 冷轻侯之梦断回魂 保安奇梦 灾变日记 复带朝阳美女来 燃道 莫名成神 天位之龙 我当风神那些事 娱乐！我真不想成顶流！ 帝释缘空 回到世纪初 妖玉传 我在佣兵团守护全人类 色彩艺术鉴赏论文 如何利用好网络论文 如何提升领导力论文 如何改善投资结构论文 色彩艺术鉴赏论文 山工艺论文查重率 如何提升领导力论文 如何平衡膳食的论文 山地旅游资源 论文 如何评价洋务运动 论文 如何文献检索毕业论文 如何文献检索毕业论文 如何保护世界遗产论文 如何利用好网络论文 如何发表法律论文格式 如何改善投资结构论文 如何完成任务论文 色彩艺术鉴赏论文 如何写论文的科学性 如何发现客户论文 如何利用好网络论文 如何发现客户论文 如何写论文的科学性 如何降低知网论文查重率 如何培养创新思维论文 如何保护世界遗产论文 色彩艺术鉴赏论文 三段论规则逻辑学论文 如何写论文的科学性 山地旅游资源 论文 如何改善投资结构论文 如何看待恐怖主义论文 如何分析论文结构 如何发表法律论文格式 如何把握一学一做论文 如何分析论文结构分析 如何分析论文结构 如何提升领导力论文 如何把握一学一做论文 如何分辨植物论文 如何分析论文结构分析 如何平衡膳食的论文 如何处理客户矛盾论文 如何完成任务论文 如何看待高利贷论文 如何看待恐怖主义论文 如何文献检索毕业论文 如何分析论文结构分析 如何保护世界遗产论文 如何提升科学素养论文 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 封神真记 异世界的传奇之旅 碎墟纪 暮凝雪 我，范马孔子门徒，以德服人 万利官网 皇冠登3出租 百家乐官网 万利官网 欧博官网 如何评价洋务运动 论文 如何培养创新思维论文 色彩艺术鉴赏论文 如何平衡膳食的论文 如何塑造阳光心态论文 三段论规则逻辑学论文 如何提升科学素养论文 如何分析论文结构分析 如何完成任务论文 如何分析论文结构分析 如何保护自我权利论文 如何改善投资结构论文 如何写本论文的特点 如何看待恐怖主义论文 如何写好一篇本科论文 如何保护自我权利论文 三段论规则逻辑学论文 如何写好一篇本科论文 如何分析论文结构 如何写论文的科学性 山地旅游资源 论文 如何分辨植物论文 山工艺论文查重率 三段论规则逻辑学论文 如何保护世界遗产论文 如何塑造阳光心态论文 如何利用好网络论文 如何提升科学素养论文 如何发表法律论文格式 如何把握一学一做论文