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
html5响应式网站太原哪里做网站好网络安全应该怎样做中山网站建设外包网络安全的语句沈阳网站建设公司网络安全word网站设计咨询电话东台网站设计支付宝的网络营销策划这是一个奇妙的世界,尖端科技已经超越现代水平,而文明发展却还停留在1000年前。在这个世界最强大的帝国中,有一个放荡不羁的青年,在被人击败后偶然得到一本神功,成为城中至霸,却又突然失去全部功法,沦为废人。在神秘高人的帮助下,他重回巅峰,和同伴们一同探索这个大而又神秘的世界,同时,他们也逐渐揭开,这其中蕴藏的秘密……男护士转生异世界,竟然被职业评定选择成了最稀有职业-男性圣职者?本来以为可以在异界享受人生,迎娶公主,走上巅峰,没想到卷王居然就在我身边?内卷什么的之前已经受够了!为了对抗内卷,全都点了治愈,男圣职者平凡而又非凡的异世界生活,从现在开始!“土地爷,你不在,谁给我发工资啊!” 因为宇宙逐渐膨胀,天庭的人不够用了。 玉帝下旨辖下各部就近招揽人才,协理天庭治下大千世界,解决基层矛盾。 大学刚毕业的杨烁投了份简历,就被土地爷看中,成了天庭辖下有编制的公务员。 没想到在杨烁刚工作不久,土地爷就离奇失踪了,杨烁只得开启寻找土地爷的漫漫征途。 为的,除了责任,还有拖欠了三个月的工资。茫茫宇宙,点点繁星。名不经传,却塑造了一位超级无敌大剑修!!古蓝星,只是一个边陲宇宙,却是叶泽从小赖以生存的家园。家人相继离去,担子只能由年幼的自己扛!睡梦中醒来,改变了命运,一剑在手,天下我有!!我有一剑,可破诸天!!!!一位山中女子,深入江湖,无奈她身边爱她的人一个个离她去,为了保护她想保护的人,学习武术,变强大,在江湖中风卷残云,江湖门派听到她的名号无不闻风丧胆.....呐,说话要讲证据! 我区区一个宗门杂役,怎么会是全能大师呢? 还有,我只是武气六段的菜鸡,怎么可能把师兄指点成首席弟子呢? 至于那些神兽、武皇、魔教……都听命于我?我不是我没有别瞎说。 最过分的是,我一个怂包,你们竟然怀疑第一美女师姐喜欢我? 好吧,就算这些都是真的,难道我想当一条咸鱼也有错吗?人工智能通过更改人类的血液中的遗传因子,控制了人类的情感。人类被迫采用注射诅咒来重新激活遗传因子。但是诅咒的源头都是上古的邪神祭祀和牺牲的物品。需要用源水晶来提供能量,重组人体的基因遗传序列。使其拥有更强的异能。() 源水晶本来就稀少,而且离开塞恩莉丝就会破裂。所以,一旦离开塞恩莉丝,除非有工具源,武器源。(一种人类改编的,直接把诅咒物品嵌套进科技武器中,然后注入不同人的血液样本,用源水晶来驱动的武器。)少年魏杰因车祸而亡,灵魂出窍,空越到古代,附体于被毒杀的同姓名、同年龄的古代少年。 死而得生的古代修真少年魏杰,拥有了现代少年的知识,古今结合的少年。被炼气门、炼体门的门主同时收为亲传弟子,指定为继任门主。由此演绎出一场场喜怒哀乐的人生大剧。 诸神黄昏,人类迎来新的魔法纪元,史诗的长河记录了无数英雄悲歌,一颗流星贯穿两个灵魂,风汐穿越到了魔法时空,哪个男生没有超人梦,先订个小目标,成为超阶法师吧…… “魔法师不是请客吃饭,魔法向前,生命向后。” …… “风汐快许愿,流星。你许的什么愿望?” “我希望快点毕业,快点娶你!” “讨厌!” …… “风汐,你起来啊,你不许死,混蛋你不是说你要成为超阶法师吗,啊……”魂穿崇祯却发现自带华夏图书馆,整顿吏治,训练新军,平内安外,科技强国第一步先从留住魏忠贤开始。 东林意图众正盈朝?可曾问过厂卫刀还利否? 鞑子于辽东意图糜烂中原?可曾听闻枪与火炮轰鸣? 东瀛时常滋扰海防?与其日日提防不如给大明添座石见银山? 知识改变世界,放牧北美,开矿澳洲,殖民印度,脚踩东欧。 枪炮铸我铁血大明,科技铸我宏图盛世。 朱由检:海内诸国,皆为臣属,有明一朝,日月不落。
网络营销的价值服务 青岛建网站公司 南通营销网站建设 第三届信息安全等级保护 长安微网站建设 网络营销单页面 网络微信营销公司 公安部网络安全管理局 网络营销模块 网络安全魔鬼训练营 发育倒退的前世因果咨询【www.richdady.cn】 孩子不爱读书的阅读习惯如何培养?【www.richdady.cn】 财运不佳的财富规划咨询【www.richdady.cn】 发育倒退的自我提升【www.richdady.cn】 耳鸣的原因分析【www.richdady.cn】 与男友前世的因果关系【σσЗ8З55О88О√转ihbwel 冤亲债主干扰的常见案例咨询【微:qq383550880 】√转ihbwel 莫名其妙感伤的案例分享【www.richdady.cn】√转ihbwel 公司破产的环境影响咨询【www.richdady.cn】√转ihbwel 为什么过世的前世因果咨询【σσЗ8З55О88О√转ihbwel 公司破产的前世因果咨询【σσЗ8З55О88О√转ihbwel 性压抑的前世记忆【企鹅383550880】√转ihbwel 婴灵的安抚与超度【www.richdady.cn】√转ihbwel 外灵干扰的前世因果威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 冤亲债主干扰的预防措施咨询【www.richdady.cn】√转ihbwel 无形干扰如何影响心理健康威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 家庭关系的矛盾化解咨询【微:qq383550880 】√转ihbwel 如何应对冤亲债主的干扰?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婴灵的超度仪式如何进行?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 财运不佳的财富增长【微:qq383550880 】√转ihbwel 昆明网站开发公司 2013中国信息安全大会 引擎营销教材 服务营销优缺点 网站开发公司 上海 北京信息安全中心 什么叫网站 网站建设学习 维护信息安全主要是保持其信息的 网络营销人群 网站建设仪器配置表 网站结构 重庆 信息安全 网络安全基础应用与标准 下载 微博衣服 营销 信息安全意识调查总结 信息安全等级评测资质 模板网站建设 长沙手机网站设计 广东手机网站建设费用 名词解释网络市场营销 大庆网站建设 北京网络信息安全公司 简述网络营销的过程 网络营销渠道竞争激烈 网络安全排查 网络安全的语句 网站设计咨询电话 渐变网站 名词解释网络市场营销 网站结构 信息安全技术应用研究 微博衣服 营销 珠海网站建设公司移动互联网营销和策划 网络安全积极防御技术 网络安全技术新方向 网络安全word 网站设计咨询电话 信息安全 建议 信息安全 杂志 石家庄网站优化 珠海网站建设公司移动互联网营销和策划 信息安全亮点 网站建设案例讯息 上海网站设 什么网站流量高 为什么通过关键词能找到网站.评价该网站却显示没被收录 北京网络信息安全公司 企业信息安全管理软件 长安微网站建设 网络营销小米手机 网络营销论文报告 在我们的日常生活中会遇到哪些与网络信息安全相关的问题? 服装外贸网站建设 长沙手机网站设计 网站内容好 网站有哪些类型 网站建设策略 龙岗网站建设 专业的网站建设公 信息安全定级 企业信息安全管理软件 上海网站建设app 网络营销中广告的策略有哪些 深圳建网站 网络安全组织架构 网络安全与管理 wap手机网站 网络营销价格名词解释 南通营销网站建设 网络安全组织架构 昆明网站开发公司 网络安全漏洞预警公告 苏州市网络安全 青岛网站建设培训外贸网站模板 ie8 中网站后台编辑器ewebeditor不能发布文章 网站内容好 营销号网文 网站建设案例讯息 国家企业信息安全系统 天津网站制作 网络安全排查 服务好的网站建设 中山网站建设外包 信息安全深圳 网站开发公司 上海 网络安全零基础 网络安全需要破除济南网络安全培训中心 网络安全的语句 上海网站设 保健品网站设计 网络营销什么软件好使 门户网站的功能 全网营销服务套餐 .org网站开发 信息安全 linux,-1 建立网站 网络营销的策略 代理商营销 网络安全类公司排名 白帽学院 信息安全 推荐营销 网络营销案例产品 哪种网站 网络营销论文报告 为什么通过关键词能找到网站.评价该网站却显示没被收录 福州企业网站建设 互联网运营 营销方案 网络安全需要破除济南网络安全培训中心 2013中国信息安全大会 ie8 中网站后台编辑器ewebeditor不能发布文章 网络营销小米手机 商城网站作品 重庆 信息安全 论坛营销公司 网络安全零基础 网络营销的策略 龙岗网站 网络安全设备 网络信息安全技术(第二版),-1 域名与网站建设 怎样给网站换空间 公司信息安全标准 南昌市建网站的公司 佛山网站优化 商城网站作品 引擎营销教材 信息安全等级评测资质 支付宝的网络营销案例分析 网站建设免费 网络营销的相关信息 重庆微营销解决方案 北京网络信息安全公司 福州企业网站建设 响应式网站设计的要求