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
网络安全法 网信办岳阳网站制作网络营销与ui设计方案首页营销网国内网络安全大事件佛山做网站信息安全最新新闻整合营销传播的理解网络营销期刊有哪些石家庄微网站建设曾经有一个女孩问过我这样一个问题。 女孩:王伦,你知道什么是梦想么? 我:当然,需要通过不断的努力才能达到的目标才是梦想! 女孩:王伦你错了,梦想就是触及不到的东西,是遥不可及的目标,王伦,你有梦想么? 我:有!我的梦想就是和你永远的在一起。 女孩轻笑,自顾自的说:我的梦想就是拥有一个超级英雄成为我的男朋友。 听完,我的梦想又多了一个,那就是成为只属于她的超级英雄! 穿越重生,意外的修行,虽然不知道这是否是一个途径,但是我依然继续努力中,不为别的,就为了成为她的超级英雄   全球异变,游戏降临现实,妖兽,魔族,异族肆虐。   为了抵抗这一切,每个人年满18都要规划职业选择,转职,升级变强。   而在觉醒当天,一向透明人的王阳,觉醒SSS神级天赋,觉醒S级审判的死神拥抱隐藏技能。   转职隐藏职业黑暗法师。   于是,你见过无吟唱,无冷却,无范围,的暴力法师吗?   最终在迎战时,身披吞噬法袍,一手持死神之镰,一手持黑绝法杖。   身后屹立着黑暗死神,吞噬之神,九天雷神,不死之神,阳火之神等虚影……   百万虎狼,百级战斗师目光灼灼的威视魔皇。   “淦!现在的年轻人都这么狂吗?”   魔皇咽了咽口水,脑袋有些发懵。   “那个!我现在投降还来得及吗?”,【妹妹+武道、热血又轻松,御兽+魔法、弥补武道缺,修仙+科幻、精彩又好看,文学+自创、名言嘎嘎多…】 我有一口冥皇棺,可葬天、葬地、葬日月星辰、葬仙神魔圣、葬星空万族、葬宇宙八荒、葬无上大能、葬尽世间一切不公,为万世开太平。 社会不再不仁,学习已不是唯一的出路,灵气复苏,武道兴起、法道繁荣、修仙道法、异能者频繁出现、御兽者也在争其锋芒、不过这一切只是表面,灵气复苏导致地球星空坐标暴露,这么好的一个可利用资源,谁不想对其侵略? 不过,地球上的众人、众兽怎能容其侵略? 又名《猫来》《拳来》《法来》《爷来》《爸来》《星空入侵》《全球高武》《全球御兽》《全球修炼》《全球异能》《开局从爷爷手中接过传家宝》《星空入侵》《全球高武》《全球御兽》《全球修炼》《全球法师》《冥皇棺来》这个暑假,14岁的初中生李文染和他的同学及其表兄乘坐快艇出海旅行。但船只却在途中撞在了礁石上,即将沉没。无奈,三人被迫弃船逃生。历尽艰难终于登上一座海岛后他们才发现,原来这里,早已被一群凶猛的“猎手”所统治。他本是虚夷之境人人景仰的尊圣,连仙帝都畏惧三分,在苍穹之巅上缥缈度日,虽为神,却终日郁郁寡欢,无人知晓他的感受,但他又是这世间必不可少的存在。千百年的时光,终将消磨掉他的信念。于是,他便就此陨落,虚夷之境也再无一位至尊。 后天,先天,宗师,大宗师,圣人,尊神,尊圣 (初境,小成,中境,大成,圆满 )焱朝衰微,天下动乱。昭以天命一步步称王称帝,一统天下。男主人公沐无言出生低微,却能出将入相,为昭国之栋梁之才……一个残疾人靠着幽默在现实直播中实现自身价值。 一个粉丝心中的无冕之王。 老婆多,是他的第一个标签。灵魂歌手,尿床是他的家常便饭。丘处机述说的,王重阳与林朝英故事,从何得知?属事实全部? 「金童剑法」与林朝英有何关係?何以会令她难以呼吸? 「不变山峦」乃借助金国力量,图谋「灭宋室,復南唐」的组织。他们训练的「暗黑剑士」手段凶残偏激,宋国义士不齿其为虎作伥,鄙称「魔峦」。林朝英身为剑士,奉命取「义守楚州第一人」王世雄头颅,过程中却对他萌生了情愫。 宋民的楚州据地遭金军剿灭,王世雄悲恸中失去踪影,林朝英宁负背叛之名,执意寻访他的下落。八年间渡过重重险阻,终找到改名「王重阳」的他。 一本写有捱打不受伤秘诀的经书,一个牵涉魔峦多方势力利益的阴谋,一场金国暴军南侵的战役……林朝英与王重阳并剑使出「金童丹志剑法」力挽狂澜;纵几番散聚,二人坚持情义,还订立双双归隐「活死人墓」之约…… 怎奈下场却落得 ── 丹志枉,负素心,一生绸缪悲遗憾; 玉女愿,让金童,惟寄卷藏将约践。 来,从新从心去体验,这段耳熟能详故事裡,「缘分倒颠」的那些人和那些事……地球青年李易生而平凡,但自信心爆棚的他总觉得自己并不普通。一次意外导致记忆觉醒,但似乎并不完整。 是仙帝重生亦或者黑手下棋? 潜龙界域封印即将破碎,星河大世界强者为尊。不想为人奴唯有自救,即日起传法天下全民修仙。 而我,会为这颗星球争取一百年的时间。 “无聊了小半辈子,人生终于精彩了起来。既然如此,我可不想留遗憾!” 鸿蒙至尊重生成为系统。穿越诸天
互联网营销学什么 免费申请网站域名 g20峰会 网络信息安全 山东省网络安全法 小米手机搜索引擎营销案例 网络品牌营销公司 深圳网站建设新闻 远程营销策划 北京响应式的网站 北京响应式的网站 大龄剩女的婚恋经验【www.richdady.cn】 外灵干扰的前世记忆咨询【www.richdady.cn】 冤亲债主干扰有哪些症状?【www.richdady.cn】 迟缓儿的症状与诊断咨询【www.richdady.cn】 孩子不爱读书的阅读环境如何营造?咨询【www.richdady.cn】 大龄剩女的婚姻选择咨询【企鹅383550880】√转ihbwel 儿子抑郁症的环境影响咨询【企鹅383550880】√转ihbwel 纠纷的前世因果咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 与老公前世的前世案例【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 财运不佳的自我提升咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 冤亲债主对生活的影响【企鹅383550880】√转ihbwel 精神不振的环境影响【微:qq383550880 】√转ihbwel 塔罗牌占卜与心理分析【www.richdady.cn】√转ihbwel 前世今生的故事有哪些案例?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 去世的母亲的前世记忆威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 去世的母亲在哪【www.richdady.cn】√转ihbwel 邪灵咨询【微:qq383550880 】√转ihbwel 工作场所意外事故的原因【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 财运不佳的财富管理方法有哪些?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 心理咨询与灵性指导咨询【企鹅383550880】√转ihbwel 珠宝营销网 网络营销可以学吗 网络营销内容是什么意思 百度推广营销计划 网络营销行为有哪些特点是什么 旅游网站建设方案 安阳做网站 重庆整合营销那家好 网站的联网信息安全 网络安全防护介绍 临沂网站建设 国家网络安全检查操作指南 网络营销的调研报告 电商 病毒式营销 义乌 外贸网站 开发 信息安全作业 g20峰会 网络信息安全 山大信息安全好不好 网络信息安全和合作 网络安全宣传目录 佛山做网站 莱芜网站建设 网络营销怎么搞 信息安全的前沿技术 徐州建网站 百度云资源 网络安全 网站设计遇到难题 全面解读网络安全发 西安网站架设公司 信息安全作业 顺德网站设计 西安网站建设平台 网络品牌营销公司 网络营销期刊有哪些 国内网络安全大事件 南京网络安全局 网站的层级企业信息安全哪个方面是最重要的 信息安全 软件安全实验 2017年网络安全日 潍坊网站建设 营销型网站优化 外贸营销型网站 信息安全工作证是什么,-1 互联网营销学什么 网络营销可以学吗 哈尔滨做平台网站平台公司 岳阳网站制作 网络营销行为有哪些特点是什么 网络营销内容是什么意思 深圳信息安全公司排名 信息安全大赛题目 信息安全研究 期刊 百度推广营销计划 营销实例 潍坊网站建设 php网站建设公司 网络营销行为有哪些特点是什么 嘉兴网站优化 小米手机搜索引擎营销案例 无锡知名网站制作 旅游网站建设方案 手机 网络安全 信息交流与网络安全 温州制作网站 安阳做网站 小米手机搜索引擎营销案例 问答营销方案 第三方平台的营销方式 网站建设的后台登录 建网站价格 信息安全教学实验室 信息安全最新新闻 网站制作流程图 php网站建设公司 网站页面优化 网络安全的主要威胁有哪些 陕西营销型手机网站建设 珠宝营销网 网络营销怎么搞 双线网站 岳阳网站制作 医院网络营销是什么意思 开通网站后 湛江有那些网站制作公司 网站设计遇到难题 网站后台添加内容网页不显示 网络信息安全事例,-1 网络品牌营销公司 北邮 信息安全 毕业生 信息网络安全员培训 网站美工人员主要做什么的招远网站建设 网络安全实验室wp 如何开发手机网站 网络营销分为哪些类型 信息安全作业 互联网平台信息安全 java编程 网络安全漏洞 网站美工人员主要做什么的招远网站建设 网络安全宣传目录 seo网站推广方案 科技金融 网络安全 科技金融 网络安全 信息安全管理体系的三权分立 营销实例 网站的联网信息安全 浙江省信息安全 重庆网站开发设计公司 临沂网站建设 哈尔滨做平台网站平台公司 网络营销与ui设计方案 公关和营销 营销号软文 手机信息网络安全 网站制作预付款会计分录 沈阳做网站公司 如何开发手机网站 网络安全是什么战略 网店营销计划有哪些 电商 病毒式营销 优衣库微博营销案例 信息网络安全员培训 网络营销定价特点 网络安全的主要威胁有哪些 网站的层级企业信息安全哪个方面是最重要的 信息安全攻防实验室 互联网营销学什么 h5营销策略 网络安全密码技术 营销型网站效果不好 华为网络安全 的产品 全球网络信息安全案例 绿盟科技网络安全顾问 信息安全研究 期刊 信息安全研究 期刊 北京响应式的网站