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
广东营销网站建设服务美团采用什么营销模式和平网站建设网站模板和定制的区别企业网络安全案例分析企业网站建设搭建黑客攻击信息安全事件梅州网站建设免费网站认证和平网站建设维护信息安全主要保持 术创世,术者,万物之本源也。创者,万物之载源也,世非术创,而为术与创。术创化一,术创化二。术之天地,创之时空。何为术创?探索,从第一篇起,末日,一。 一股叫术的能量横空出世,引发了一场末日危机,是灾难,还是新生。神秘学校的背台究竟是谁,这一切究竟是有人策划,还是一起起的意外,又或者说这就是命?家仇国恨,与狗抢食,为钱拼命。轮回新生,绝世帝仙为了追求更高的境界,不惜动用整个星球的力量,破碎虚空,不料天外有天,含恨败退.……于是委身下界,积蓄仙气……【轻松+搞笑+社交牛逼症+嚣张+成长+架空历史】 作为名校毕业的李羡穿越到了大玉皇朝; 穿越过来的身份让他很头疼: 家穷没系统,自己还只是个十岁孩童; 李羡凭借前世满腹才学,考进文政院,成了熊孩子。 教书先生:“这熊孩子好气人啊,好想打他!” 院长:“算了吧,人家可是正经孩子,要不你忍着点?” 从童生到参加科举,再到做官,谁都没想到,李羡这官越做越大…… “羡公!陛下有请!” “跟陛下说一声,我在钓鱼,让他来找我吧!” 天子:“谁这么大胆子,还想让朕过去?” 老太监:“启禀陛下,是羡公。” 天子:“来人啊!速速备车!” 老太监:“陛下……鞋~”畅想华夏悠悠五千载,道家人物的问道修道之事。 两年后,被军中战友称为“狂神屠灭者”传奇战神的特战兵王江晓如约归来,面对人事皆非的境况,该如何取舍,面对一步步浮出水面的暗黑真相,又该如何抉择! 世间的真爱该如何诠释,人间的正义又该如何解读。 孤儿江晓与独女简雯在一个城市读书,相恋四年,彼此深爱,毕业时江晓为追寻自己儿时便已植根内心深处的梦想做了一个让简雯无法理解也很难接受的决定,选择入伍。入伍临行前,两人定下两年之约。 两年后,成为特战兵王的江晓为两年之约离开了那片让他挥洒过无数血和汉承载着作为军人荣耀的火热军营。 回来后,却发现外面的世界已经不是自己认识的那个样子,简雯也变得如此陌生,所有的一切已人事皆非…… 不甘心的江晓不相信所看到的一切,化身“大侦探”的江晓随着调查的深入,一步步发现原来事情远没有自己想的那么简单…… 爱恨交织,黑白无道。 为守护爱和正义,江晓一步步走上了孤勇的战斗之路…… 遥望着远方的星辰,恢宏的银河就在那里。 神秘的黄河把李生带到了这神奇的地方,这个有着古老文明的地方岳峰,蓝星玩家联盟核心团第四军团长,180级六转大剑士。 在抵御异世界文明入侵失败蓝星彻底沦陷之际,他借助时空神器的力量携带游戏记忆重回三年前,【降临】开服前夕。 三年多的游戏生涯,让他知晓无数赚钱技巧、副本攻略、传说任务、装备出处…… 这些还不算,在第一次登陆游戏的时候,岳峰意外发现背包当中竟然携带了游戏中唯一的圣器《传承之章》。 凭借种种优势,岳峰在游戏中找回爱人,建立势力,统一游戏版图。 当三年后位面融合的时候,异位面降临者们悲哀的发现,等待他们的是游戏内攀升到了极致的工程学科技以及无数装备精良的玩家。 当团结一切力量消灭所有入侵者之后,岳峰发现,更大的挑战,还在后面……本以为是重生,没想到却是穿越? 等等! 这些轮回世界怎么这么眼熟? 意外穿越来到有着轮回空间世界,看男主如何凭借前世对影视,小说,动漫的理解,纵横异界!清末民初是个动荡不安的年代,同样也是英雄辈出的年代。李氏家族由无到有,由兴盛再到衰落,时间鉴证了这一切。他们不屈不挠,拼搏奋斗的精神,将永远激励我们不断前行。威武华夏!
1.什么是网络安全 维护信息安全主要保持 企业网站适合响应式嘛 网络安全局长 上海网站制作 网络广告营销的特点 佛山做外贸网站的公司 网络安全信息化小组庄 信息安全相关的证书 信息安全 教研室 解梦的梦境解析咨询【www.richdady.cn】 前世缘份的故事有哪些经典案例?【www.richdady.cn】 感情纠纷的情感沟通方法有哪些?咨询【www.richdady.cn】 意外的前世影响【www.richdady.cn】 财运不佳的财富积累方法有哪些?【www.richdady.cn】 改善亲子关系的技巧【微:qq383550880 】√转ihbwel 财运不佳的原因分析咨询【www.richdady.cn】√转ihbwel 婴灵对家庭有哪些影响?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 孩子不爱读书的家庭教育咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 解梦的前世因果咨询【www.richdady.cn】√转ihbwel 查财运专业服务【www.richdady.cn】√转ihbwel 亲子关系的互动模式【企鹅383550880】√转ihbwel 存不住钱的咨询技巧【www.richdady.cn】√转ihbwel 公司破产的前世记忆【www.richdady.cn】√转ihbwel 前世缘份的前世因果咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 缺心眼的环境影响咨询【σσЗ8З55О88О√转ihbwel 外灵干扰的解决方法【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世今生的缘分揭秘咨询【σσЗ8З55О88О√转ihbwel 干扰对人的心理影响咨询【σσЗ8З55О88О√转ihbwel 婴灵的安抚有哪些技巧?【www.richdady.cn】√转ihbwel 网络安全管理平台 网站设计的优点和缺点 长沙的网站建设公司 和平网站建设 英国 国家信息安全 企业网络营销后期总结 婚庆网站建设 公司网站市场价 网站模板和定制的区别 太原网站建设培训学校 农产品的软文营销案例网络安全宣传主题是什么 如何维护网站 陕西信息安全产业基地 微营销概述 深圳营销网站建站公司 网络安全相关的暗网 营销方案技巧 网站设计制作 1.什么是网络安全 浅谈 网络安全态势感知 信息安全 日志管理软件 佛山做外贸网站的公司 免费网站域名申请 信息安全管理服务 专业信息安全服务资质公司,-1 网信办网络安全技术局 专业信息安全服务资质公司,-1 2013信息安全峰会 g20 网络信息安全 知名的网站建设 网络营销发展分析报告 定制网站多少钱 微博营销广告语 信息安全趋势考试 陕西信息安全产业基地 网信办网络安全技术局 营销的发展 2014信息安全会议 企业网站建设搭建 长沙的网站建设公司 关于建网站新闻 如何维护网站 网站seo诊断 网络广告营销的特点 信息网络安全协会 成立大会讲话 信息安全 日志管理软件 网络目标市场营销策略 信息安全风险管理办法 重庆产品网络营销推广 纵深防御原则 网络安全 全套北大青鸟网络营销视频教程网站推广seo优化百度排名竞价sem e-mail营销的内容 网络安全知识考试 关于信息安全的案例 网络安全局长 品牌创意网站建设 国家网络安全要求 深圳h5网站制作 网络安全课堂 深圳网站设计 佛山建网站 网络事件营销案例 信息安全漏洞产生的必要条件是: 长沙的网站建设公司 佛山做外贸网站的公司 婚庆网站建设 风格网站 网络广告营销的特点 企业网络营销后期总结 长沙的网站建设公司 g20 网络信息安全 网站外包多少钱 广东营销网站建设服务 梅州网站建设免费网站认证 东莞外贸网站推广 seo网络营销 优帮云 如何维护网站 信息安全风险管理办法 国家信息化领导小组关于加强信息安全保障工作的意见,-1 信息安全逆向分析题目,-1 营销培训学校 网络安全txt下载 手机网站建设价位 城市网络安全服务器 微营销概述 品牌创意网站建设 关于建网站新闻 个人网站建立步骤商城网络营销 城市网络安全服务器 营销 作用 企业营销网络介绍 网络营销的定义及分类 郑州网站建设、 2017优秀网站设计案例 个人网站建立步骤商城网络营销 信息安全 日志管理软件 梅州网站建设免费网站认证 网络安全信息化小组庄 网络事件营销案例 微营销概述 服务器的网络安全 g20 网络信息安全 信息安全 教研室 风格网站 e-mail营销的内容 佛山建网站 太原网站建设培训学校 橙 建网站 建网站需要什么 网站怎么创建 婚庆网站建设 网络事件营销案例 营销 作用 中国网络安全交流中心 网站的营销与推广方案 西安交通大学网络安全 信息安全创新创业 网站描文本 上海网络营销公司 广东营销网站建设服务 西安交通大学网络安全 如何做英文网站 服务器的网络安全 工控网络安全学院 上海柯力士信息安全技术有限公司 深圳网站维护公司 一个常见的网络安全体系主要包括哪些部分 郑州网站建设、 2014信息安全会议 网站设计制作 公安局公共网络安全 网站模板和定制的区别 网站外包多少钱 seo网络营销 优帮云 兰州做网站改版的公司