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
五风溪天气预报一周河北涿州天气预报一周24俄罗斯17年10月历史天气涿州未来30天天气涿州未来天气预报15天涿天气三亚天气预报准吗15天涿州26日天气预报雨城区实时天气开封的天气适合穿什么衣服河北涿州天气预报一周24涿天气弗伦伦萨的天气河北涿州天气预报一周24涿州26日天气预报佛罗伦萨近期天气预报15天上海天气预报哪个准涿州未来天气预报15天涿州未来天气预报15天夏津最新15天天气预报南京市现在天气要怎么穿衣服保定26日天气预报雨城区实时天气保定涿州六月份天气预报涿州未来天气四川金堂淮口镇天气预报涿州未来30天天气2017.5.5涿州天气夏津最新15天天气预报三亚15天天气预报准一个教师从校园看世界,看人间百态,看人情世故,真实到只剩下生活。李天命做梦都要笑醒了。他家的宠物,竟然都是传说中的太古混沌巨兽! 他的家鸡,是以太阳为食的‘永恒炼狱凤凰’。 他的黑猫,是以雷霆炼化万界的‘太初混沌雷魔’。 连他家的小强,都是拥有万亿不死分身的‘万界永生兽’…… 从此,他驾驭十头太古混沌巨兽,化身万古第一混沌神灵,周游诸天万界,镇守无尽神域。万物魔灵,诸天邪魔,连爬带滚,哀呼颤抖! 深居野林神秘老道,一手培养出七位足矣撼动华夏的绝美女徒弟。今日,又一名最小男徒儿罗峰顺利出山。 罗峰:“我是老逼灯培养出最垃圾的徒弟,没什么本事,就想吃吃软饭,苟且度过这一生。” 师父:“什么,他说他最弱?难道我没有告诉过你们,那小子身怀诡秘?” 师姐:“我好像发现我们的小师弟越来越不对劲儿了,为什么世界各大强者都来跪舔他?” 一位来自于世界黑暗深处的顶级势力后裔之子,出生便被抛弃做弃子,偶遇华夏旧时代战力天花板老疯子和七位倾城倾国的大背景七位师姐,从此掌握七大绝学误入都市豪门,卷动江湖风云,走上自证强者之路。末世降临,秩序重置,当奢繁的上流社会与朴实的下流社会相碰撞;当异兽横行,死亡如风;当一觉醒来,打工人的心脏里长出一个特殊“媒介”时……人类,似乎遇到了比末世更恐怖的危机。掌管异界与世界的混沌,千万年来都一直存在, 不管是人类或什至神跟魔族都畏惧着它过。 如果你对奇幻、异世界战斗类小说有兴趣, 那么这部综合各种战斗因素的小说将给你前所未有的新的体验。 与异界的混沌势力合作,深渊跟诸神跟魔王及人与人的斗争,还有古龙跟转生者。 一场场的战斗,一生只有李白的&amp;quot;纵死侠骨香,不惭世上英。 我以剑为道,斩尽诸邪万恶。 响往那太白所写的侠客之道&amp;quot;十步杀一人, 千里不留行,事了拂衣去,深藏功与名。 以及&amp;quot;纵死侠骨香,不惭世上英。 万物诸神皆可斩,不公不义不能服。 斩异端、斩群魔、斩外挂。然而我有个系统,却叫做聊天系统...山道弯弯(下)以作者高中生活及其社会生活为题材,分《高中校园篇》、《回忆亲人篇》、《社会工作篇》、《欠债还钱篇》和《贵人相助篇》五部分,每部分大概20章,以自己的亲身经历,告诫读者,使读者少走弯路,哪怕能为读者起到一点点的警示作用,也满足了作者创作的初衷。 灾难之后,称为”醒”的新大陆浮出海面。在飓风肆虐,疾病蔓延的残酷环境中,这块大陆做为人类和原生命体的避难所收留着各地的流民与旅人。 为了开拓边境,”醒城“委派“狩界队”奔走境外游猎濒危,稀有以及新生物种用于研究复制和抵抗边境生物。 然而,由于城市动荡,猎物终将做为武器参与各方势力的绞杀……想要变强吗?想要成为不可一世之人吗?去吧!去读书吧!没错我把一切都放在了那里! 学渣资质的单良表示:问题不大,大也没用。升级干就完了,另外赌狗必死。 我是一名死刑犯,正苦逼的跪在地上等待着脑袋挨枪子,直到此时才明了一件事;不是社会抛弃了我,而是社会特么的根本就容不下我!这时候,枪声响起了,倒下的却不是我…… 顺应天命者,悲;逆应天命者,死! 如之可奈何?祈求天地庇佑? 殊不知“天地不仁,以万物为刍狗!” 身世坎坷,且看他如何面对人生! 经历大变,且看他如何渐渐蜕变! 命运降临,且看他如何对抗命运! 持戟弯弓,且看他如何挽破苍穹! 毁天、灭地、戮神、屠魔、诛仙、噬魂、镇妖、斩尸、弑佛! 逆命运,踏天途,一切尽在——《命之途》!
道衍人间 开局爆亏,反买垃圾股涨停 系统开机后,我变强了亿点点 阴阳先生葛天冲 清除 一胎三宝:爵爷娇妻火辣辣 末世之陆 入侵:垢 子安 云巡四洲 卡米斯大陆编年史 黑与白正与邪 变成魔王也要拯救世界? 踏行 用双手挖矿 成就无上仙位 我靠吟诗成儒圣 最后一个捉鬼道士 怒血帝婿 伪神与混沌末日 新星系 涿州10月18日至22日天气预报 2017.5.5涿州天气 涿州26日天气预报 南京天气11月份穿什么衣服合适 涿州10月18日至22日天气预报 开封的天气适合穿什么衣服 涿州天气预报一周15 保定涿州六月份天气预报 佛罗伦萨近期天气预报15天 夏津最新15天天气预报 涿州未来天气 涿州未来天气 弗伦伦萨的天气 2017.5.5涿州天气 五风溪天气预报一周 南京市现在天气要怎么穿衣服 涿州未来30天天气 佛罗伦萨近期天气预报15天 河北涿州天气预报一周24 五风溪天气预报一周 10.14金堂县的天气预报 俄罗斯17年10月历史天气 河北涿州天气预报一周24 日本11奈良月份天气 保定涿州六月份天气预报 弗伦伦萨的天气 佛罗伦萨近期天气预报15天 河北涿州天气预报一周24 保定26日天气预报 佛罗伦萨近期天气预报15天 南京天气11月份穿什么衣服合适 10.14金堂县的天气预报 雨城区实时天气 五风溪天气预报一周 弗伦伦萨的天气 南京市现在天气要怎么穿衣服 雅安雨城24小时天气 涿州天气预报一周15 弗伦伦萨的天气 雅安雨城24小时天气 南京市现在天气要怎么穿衣服 河北涿州天气预报15天天气预报 三亚天气预报准吗15天 涿州未来30天天气 四川金堂淮口镇天气预报 10.14金堂县的天气预报 涿州未来天气 南京市现在天气要怎么穿衣服 三亚15天天气预报准 涿天气 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 狗屁不通的琐碎 我去系统,你坑我 英勇特战队 万界第一战神 天赋抗争 欧博游戏官网 皇冠登3出租 亚星管理平台 欧博游戏官网 亚星管理平台 弗伦伦萨的天气 涿州未来30天天气 雨城区实时天气 雨城区实时天气 涿州未来天气预报15天 保定26日天气预报 涿州26日天气预报 佛罗伦萨天气30天 河北涿州天气预报一周24 俄罗斯17年10月历史天气 日本11奈良月份天气 涿州未来30天天气 佛罗伦萨近期天气预报15天 南京天气11月份穿什么衣服合适 涿州未来天气预报15天 2017.5.5涿州天气 涿州未来30天天气 涿州天气预报一周15 雅安雨城24小时天气 雅安雨城24小时天气 涿州未来天气预报15天 涿州未来天气预报15天 涿州26日天气预报 涿州天气预报一周15 保定26日天气预报 佛罗伦萨近期天气预报15天 三亚天气预报准吗15天 10.14金堂县的天气预报 涿天气 南京市现在天气要怎么穿衣服