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
穿越古代的皇妃电视剧全集电视剧下载mp4 mp4下载网站免费下载爱情旅电视剧关于精灵的古装电视剧蓝燕主持主演的电视剧穿越古代的皇妃电视剧全集座山雕杨子荣电视剧爱情旅电视剧6080无敌马电视剧大全梁琛电视剧2016刑侦破案电视剧穿越古代的皇妃电视剧全集九尾狐外传电视剧国语版2016刑侦破案电视剧爱情旅电视剧梁琛电视剧刘朝伟是什么电视剧蓝燕主持主演的电视剧蓝燕主持主演的电视剧电视剧维兰德第二季电视剧爱在旅途简介再婚劫电视剧全集6080无敌马电视剧大全欧美无删减电视剧军旅电视剧2014好看的欧美古代电视剧有哪些关于精灵的古装电视剧电视剧西部往事电视剧维兰德第二季2018即将上印的电视剧失去家庭，一个人生活的许文，在回家的路上看见一位跳江的女孩，他试图拯救她，那女孩似乎认识他，将他拉下了江，掉落途中亲吻了许文，等待死亡的许文却再次重生在未知的世界当中，他将开启自己崭新的生活......每个人都有属于他的气运，而这股气运会在冥冥之中影响着他的道路与未来。 命中注定你是个主角，那么你就会走上属于主角的道路，哪怕你不愿意，也无法拒绝。 你唯一能选的，是决定这条路该怎么走。 喜剧型男主角，逗逼型男主角，热血王道男主角，在或者是悲剧型男主角？ 他们有的选，但秦宇没有，因为他的气运不是什么主角，而是一个反派！纯粹的反派！ 大哥！以前我没得选！现在我想当个好人啊！ 意外穿越大秦，成为八公子嬴子夜，觉醒神级阅读系统，只要读书就变强！只要读书就能获得无限奖励，只要读书便可入圣！ 为此，嬴子夜终日闭关读书，兢兢业业，不招灾，不惹祸。 终有一日！ 始皇重危，意欲东巡求长生。 墨家蠢蠢欲动。 六国余孽准备造反。 赵高意欲篡改遗诏。 …… 嬴子夜知道，这时候不能继续藏了！再藏大秦不复、自己也将被胡亥杀死！ “扮猪吃虎十余年，今日本公子不藏了！” “今日，本公子以读书入圣！一剑斩天！” “传令，三千大雪龙骑军出动！” “传令，铁浮屠出动！” “……” 诸子百家，以身正道。入众生以正道，出红尘已修心。贵以身为天下，乃可寄天下；爱以身为天下，乃可托天下。18年独自生活，无依无靠的乞儿刘田，在人世遭受苦难将死之际，忽遇神秘中年人从天而降，挥手间让其重获新生，并将掌管世间隐秘的天道馆控制核心《天道馆章》交给了他，而后又匆忙离去，此人是谁，又有何目的，刘田这小人物是否能够逆天改命从此走向人生巅峰，就让我们在往后的日子里一同探索，共同见证吧！少年自天而来，顺天道，可战苍穹。变成鬼后，我才发现有一只无形的收推动着整个世界一对姐妹一个生而为仙，一个生而为魔，两人被全修仙界追杀，所有人都想要将她们的先天灵气据为己有，在危难之际，她们被迫跳下了陨仙峡，变成两个婴儿落在了一个不知名的山上，被一个人捡到收为了女儿，她们一直以为他只是一个普通人，直到满界魔与仙又一次追杀她们来到这里，他没有逃只是轻轻笑了一声说：“敢打我女儿的主意，看来我已经被世人淡忘了啊！”说罢，一挥手重伤遍天仙魔“打我女儿的主意，天我都给他捅了！”一片以灵髓为尊的异世大陆，一个不被世人看好的空灵髓少年，他要向世人证明，我命由我不由天…… 一路喋血，万般杀戮，清风与明月相伴，横断万古，一代强者从此复苏！ “我要弑天，我要灭地，我要屠尽九幽，我要诛尽须弥……” 　　这是伪神黄昏，也是新神黎明，当新旧两派神祇还在不断明争暗斗之时，是否有人曾抬头望向那深邃黑暗的天空，那里，也许还有别的东西在默默注视着他们！ 　　而当末日之战真正降临的这天到来，是否有人能逃过那不可名状的恐怖，又或是置之死地而后生，成为新的恐怖存在！ 　　身为最后一个人类，名为余烬的少年将如何创造自己的传说故事，又将在这场即将笼罩整个蓝星的阴影中何去何从？
玄幻：每天一种神级天赋 仙穹彼岸 扶尘序 山海诡异异闻录 主角？掌中之物罢了 筑基十五年 裂土之灵 炎炎历险记 闲情自传 大秦：我杀敌就能变强 大话圌山 莫名成神 狂风战魂 我的仙皇大叔 万道主宰 兽灵时代 重生：我竟成了天道之子 侠宇宙 诡秘之王，我在女寝当宿管 恶灵循环 好看的欧美古代电视剧有哪些 梁琛电视剧 刘朝伟是什么电视剧 蓝燕主持主演的电视剧 电视剧下载mp4 mp4下载网站免费下载 电视剧西部往事 猎刀王电视剧全集播放 关晓彤演过的电视剧大全 电视剧大宅门第一部。 九尾狐外传电视剧国语版 扮演李少飞的电视剧 扮演李少飞的电视剧 欧美无删减电视剧 梁琛电视剧 穿越古代的皇妃电视剧全集 军旅电视剧2014 香港最新破案的电视剧 好看的欧美古代电视剧有哪些 电视剧人物张洋 爱情旅电视剧 热门电视剧战金岭 爱情旅电视剧 电视剧人物张洋 再婚劫电视剧全集 命运石之门电视剧 伦理都市职场电视剧 好看的欧美古代电视剧有哪些 电视剧人物张洋 电视剧爱在旅途简介 好看的欧美古代电视剧有哪些 蓝燕主持主演的电视剧 热门电视剧战金岭 关于精灵的古装电视剧 穿越古代的皇妃电视剧全集 欧美无删减电视剧 军旅电视剧2014 关于精灵的古装电视剧 猎刀王电视剧全集播放 欧美无删减电视剧 101次告白电视剧全集在线观看 军旅电视剧2014 关晓彤演过的电视剧大全 电视剧维兰德第二季 香港最新破案的电视剧 2016刑侦破案电视剧 热门电视剧战金岭 扮演李少飞的电视剧 军旅电视剧2014 伦理都市职场电视剧 刘朝伟是什么电视剧 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 何谈鬼道 白富美的贴身高手 逃亡游戏：我被全人类通缉了 山海经：易水之战 重生之绝世仙尊 欧博官网 亚星官网 万利游戏官网 快连下载 亚星管理平台 101次告白电视剧全集在线观看 蓝燕主持主演的电视剧 2018即将上印的电视剧 蓝燕主持主演的电视剧 关于精灵的古装电视剧 热门电视剧战金岭 电视剧西部往事 伦理都市职场电视剧 欧美无删减电视剧 命运石之门电视剧 2016刑侦破案电视剧 关晓彤演过的电视剧大全 6080无敌马电视剧大全 电视剧人物张洋 关晓彤演过的电视剧大全 101次告白电视剧全集在线观看 电视剧爱在旅途简介 好看的欧美古代电视剧有哪些 好看的欧美古代电视剧有哪些 猎刀王电视剧全集播放 2018即将上印的电视剧 欧美无删减电视剧 蓝燕主持主演的电视剧 2016刑侦破案电视剧 再婚劫电视剧全集 电视剧维兰德第二季 香港最新破案的电视剧 电视剧人物张洋 带海字的电视剧名字叫什么名字有哪些 爱情旅电视剧