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
网站试运营我国信息安全论文常见的信息安全的产品有哪些如何新建自己的网站unix信息安全pdf网络安全技术的新认识sdlc 信息安全密码技术网络安全公司中国信息安全检测中心信息安全工作总体方针和安全策略,-1从末日十年之后穿越而来,比别人领先了十年!但由于江北辰的复活,丧尸也加速了进化!看我如何在这个混乱的时代站上巅峰。道生一,一生二,二生三,三生万物。万物负阴而抱阳。 何为道,道可道,非常道。天地秘法,万物玄宗。 何为道心,天地不仁,以万物为刍狗,圣人不仁,以百姓为刍狗。天地之间,其犹橐籥乎 一颗道心吸引了万千修道之人,只为追求天地最初的答案 且看小道士曲折离奇路,探寻道心何处 本书依据本人真实事件改编,你可不信,不可不敬 文章多处为改编后所撰写,莫要模仿(因为我想写一个夫妻档的故事,所以前面铺垫比较长。这个一个用秘术较量的世界。) 每日四更 江泽白纵酒高歌,泪流满面,徒影自怜,不过是为了那几缕人间烟火。南宋的软弱无能,金人的侵袭,他不知道小园香径独徘徊了多少次。他小时候见过岳飞,并对他崇拜的不得了。直到有一天,年少的他看着漫天大雪,得知了岳飞的死讯......意外穿越,自带外挂? 弱肉强食,适者生存? 修仙世界就没有人权? 看周奇如何在天玄大陆混的风生水起。 若无法,我来定。 若无正义,我来伸张。 若无将来,我来探寻。 帝令一出,万族臣服,莫敢不从…… 如果你正在读这段话,你已经昏迷了很久了,我们不知道这段信息会出现在你梦境的哪个阶段,但我们真心希望你能看到,请赶快醒来!每个人心中都有一个自己的江湖,江湖故事。 凌云被师傅赶下山,一人独闯江湖。 江湖纷争,人心难测,我自清醒。 因为先进科技的发展,能源需求越来越大,公元2200年,由于人类对地球进一步开发,环境遭到破坏,千年不变的生态规则被打破,随着一声诡异的破碎声在全世界响起,地球各处开始频繁发生地震,接着就是沙漠开始无规则地进行扩张,无论是工业气息浓厚的城市,还是绿植丰富的森林,都被沙粒所替代。没有办法,人类开始运用最新的科术,打造出诸多太空运输机,能源采集飞行器等太空科技,远离地球,在太空中生存发展。 公元2201年,科学家发现新生儿中极少一部分出现异常,有的是肤色异常,能随着周边的环境的变化而发生改变,如同变色龙一般,有的则是有6只手臂,新生儿握力达到25kg,有的则是大脑发达,经过简单的教导,便能进行简单的计算。但随着时间的推移,科学家们发现他们普遍活不过20岁。 公元2238年,第七管理区,一个狭小的房间中,一声沉闷的枪响发出,倒霉蛋何晓就出现在这个世界上了。星源大陆,一片古老而又充满生机的大陆,在这片大陆上的每个人都以灵力决定强弱,根据灵力强弱可分为九阶每一阶都有段,第一段称为空天,而后每一段则称为几重天。除了修炼灵力,人们还可以通过修炼术士,灵兵,灵宠,丹药………来提高实力。 五十年前,一场大战让世间灵气衰弱,世人修炼的速度变得越来越慢,这场大战因一支笔而起,这支笔便是通向仙界的钥匙,被世人称作 ——社稷笔。然而在那场战斗后,社稷笔便也消失了。 直到十二年前,一位少年随紫金色的天空而来。本书又名《我在三国强行拼团》《三国砍我,我一人砍三国》 刘云穿越到东汉,绑定附身了拼团系统,本想活命发育,偏偏黄巾起义,一个不小心还将刘备给秒杀了,不得已卷入三国时代。 刘云:“开团了,赶紧冲!来呀,砍我呀!这点兵马,砍我都不够,怎么当反派的?” 刘云:“来嘛,切磋切磋,是兄弟,就来砍我,砍一刀,一刀接一刀,完事请你喝酒。” 只见刘云一路横跳,到处强行找人拼团,势力越砍越大。 天子脖子架着刀:“刘云,你再不登基,我就砍自己了。”
深圳做网络安全公司排名 沈阳科技网站建设 网络安全防护的工作原则是 外贸营销网站建设 天津电商网站制作 第三届山东省大学生信息安全知识大赛 国家信息安全技术部门 山西网络营销 中央网络安全管理小组 国家网络与信息安全信息中心,-1 前世缘份的识别方法咨询【www.richdady.cn】 意外的前世解析【www.richdady.cn】 外灵干扰的环境影响咨询【www.richdady.cn】 与男友前世的影响分析【www.richdady.cn】 灵性成长工作坊咨询【www.richdady.cn】 前世缘份如何影响事业发展?【企鹅383550880】√转ihbwel 维护良好家庭关系的秘诀有哪些?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 暗恋的前世因果咨询【企鹅383550880】√转ihbwel 无形干扰的前世故事咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 意外的前世因果咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子压力大的教育建议【www.richdady.cn】√转ihbwel 阴间生活的前世修行【σσЗ8З55О88О√转ihbwel 官司的案例分享【σσЗ8З55О88О√转ihbwel 学习成绩差的原因分析【www.richdady.cn】√转ihbwel 亲子关系的教育策略有哪些?【www.richdady.cn】√转ihbwel 事业不顺的职场瓶颈如何突破?咨询【企鹅383550880】√转ihbwel 人际关系不好咨询【www.richdady.cn】√转ihbwel 存不住钱的环境影响【σσЗ8З55О88О√转ihbwel 失业的前世因果咨询【微:qq383550880 】√转ihbwel 家庭关系的相处之道咨询【企鹅383550880】√转ihbwel 互联网 网络安全 网站制作北京 郑州网站建设的公司 国家网络和信息安全信息通报中心 第三届山东省大学生信息安全知识大赛 微信开发网站建设程序 网络安全主要涉及( )信息传输安全网络应用安全等3个方面 信息安全网站 网络安全主要功能 江苏网站建设网络公司 网络安全的主要威胁有 营销活动培训 软文营销策划书 上海市网络信息安全 信息安全评测二级 搜索引擎的营销流程 美国网络营销成功案例 南京公司网站 网络安全编程 义乌 外贸网站 开发 河南网站优化 外贸营销网站建设 软文营销策划书 电商营销服务 手机网站空间 太原网络营销网站 信息安全服务资质咨询中心,-1 网络营销主体的认识 伪静态网站 网站设计遇到难题 制作网站软件 中国网站建设 6月1日网络安全 wifi 零食网络营销策略 网站功能及报价 营销推广电子商务网站 网络注册信息安全工程师培训 信息安全工作总体方针和安全策略,-1 unix信息安全pdf 网络信息安全基础实施细则 信息网络安全logo 网络安全图标 陕西手机网站制作 如何新建自己的网站 电商营销服务 外贸营销型网站 信息安全服务资质咨询 江苏网站建设网络公司 中央网络安全管理小组 网络营销产品类型 信息安全评测二级 信息安全等级保护测评机构申请表,-1 山西网络营销 河南信息安全公司网络安全包含哪5个 财务服务器的网络安全 第三届山东省大学生信息安全知识大赛 温州网站推广 深圳信息安全认证中心 外贸营销型网站 黑白网络安全 2016网络安全事故html5网站建设 企业品牌宣传型网站 临沂网站推广 富阳做网站 成都搜索引擎营销公司 建网站都要什么费用 网络营销策划方案设计 临沂网站推广 互联网络安全 网站营销是做什么的 为何要网络安全审计 互联网络安全 邢台做网站公司 山西网络营销 中国顺德手机网站设计网络营销直通车 信息网络安全logo 如何构建一个网站 国家网络安全检查操作指南 网络营销的方法 建站公司 网站 信息安全周报 长安手机网站建设 日本国家信息安全战略 营销的投入 信息安全网站 信息安全服务资质咨询中心,-1 网络安全图标 支付营销 网络安全的隐患 个人查询网络安全大队 国家网络安全检查操作指南 天津信息安全平台 伪静态网站 网络安全错误错误代码 双线网站 沈阳科技网站建设 b2c网站建设 广州 什么是微网站 大良网站建设基本流程 汕头建网站 网络安全产品及服务 东莞多语言网站建设 信息安全的威胁主要来自于,-1 企业信息安全管理规范 wifi加网络安全认证 特仑苏营销 手机网站建 unix信息安全pdf 网站后台添加内容网页不显示 信息安全管理课程 网站功能及报价 网站建设小技巧 淘宝店铺全年营销方案 双线网站 互联网营销的主要优势 网站酷站 制作网站软件 小米的营销案例分析 网站营销策略 制作网站软件 信息安全管理课程 网络安全编程 1. 信息安全的目标是: 网络安全主要功能 天津电商网站制作 深圳做网络安全公司排名 广州企业网站建设哪家服务好 互联网 网络安全 河南网站优化 巴中网站建设 国家信息安全技术部门 营销e-mail 网络营销的方法 信息安全的基本属性 日本 网络安全