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
中国网络安全管理局信息安全的分类信息安全有什么认证证书广东做网站网络安全与黑客攻防...网络营销与运营区别与联系如何策划营销网站中国石油信息安全网信息安全模型进行公司网站建设方案sem整合营销工具当幽蓝的火焰降临世界,世间所有的罪恶当得到审判。 PS:小说只是借助海贼世界故事背景再次创作,很多剧情并不根据原著走,很多情节也是我根据原著所做的推导,后期可能会偏向玄幻! 不喜勿喷!谢谢! 姐姐说过,江湖即人心,一切血雨腥风,不过互相的算计;一切冷暖依舍,不过利益所需; 或许我不应该离开那安逸的小岛,来到这热闹的华武之地,这样的话就不用遇到这么多糟心的事了。可是谁又会甘愿平淡的过完一生呢? ps:收藏越多更新越快哦 穿越封神! 叶轩发现自己穿越成为了商纣王。 并且做下(银)诗,调戏了女娲。 面对暴怒的女娲,叶轩在心中对始作俑者准提圣人暗恨不已。 却不想被女娲偷听了心声。 女娲当即邀请他,共讨西方准提。 站在西方大须弥山,作为人皇的他,对准提圣人破口大骂。 并悉数准提圣人多条罪状。 一时间洪荒皆惊。 关键时刻,叶轩觉醒了鸿蒙赶尸系统。 诸多以役强者的尸体尽皆被他奴役。 学会赶尸的他,从此洪荒天地任逍遥! 祖龙,元凤,始麒麟,成为了他的保镖。 十二祖巫,成为了他的宠物。 兽皇神逆,魔祖罗喉,成为了他的打手。 面对众多死去已久的强者,洪荒众生瑟瑟发抖! (不一样的纣王,不一样的封神,简介无力,请移驾下文!) 遥远的蓝星遭遇前所未有的危难,于地球寻找帮助,林飞作为第一批灵魂穿梭的人类,他的未来将走向何方。天下纷争,西京、启阳,北燕,鬼方四国争雄。西京国第一大江湖门派问刀门门主呼延燚,率天下门徒,纵横四海,征伐天下,无论是四国庙堂还是远涉江湖都无可避免地卷入其中。「你这外乡人既然觉得关内的人心太复杂,当初你又为什么会从关外进来呢?」 面对这个问题,谢佳晨只是回答:"我只想找到回家的路,没想到事情会发展成这样子。" 「我看你是找死!」 夜良游漫不经心地回应,连夜府独门身法「瞬息闪」都看不明白的人,恐怕被别人杀了都不知道对方是谁,这样的人在烈州还能修炼到化龙境巅峰,真是奇迹了。 「人世间的事情是很难预料的,再加上每个人不同的强烈欲望,从而形成这江湖上的格局。」 「朝堂,分为两派,一派主战一派主降,在统治者的视角看来,主战的怂恿之人该杀,主降的苟且偷生之人该死。」 「宗门,是培养人才的地方,处于最弱方,仅靠着门下那几颗璀璨的新星得以正常存在下去。」 「天行健,君子以厚德载物。」 「集打工人、房奴、社畜于一体的小谢因为一场车祸,导致灵魂被撞飞到了异界龙魂大陆,在这个集宗门、江湖、庙堂于一体的世界中,倒霉的他该如何生存?被黑白两道追赶地走投无路,黑化后的他又是如何的恐怖?」逗比男主欢乐多,沙雕伙伴凑一窝,热血什么的完全不存在,苟才是王道冰冷浩瀚的宙海,无数种族隐匿在黑暗之中,伺机猎捕它们眼中的低级文明,他们遵守远古的黑暗森林法则,混乱中夹杂着秩序,任何文明只要没有踏出自己的母星,就能继续无知、幸运的生存下去,犹如被圈养的猪羊...100年前,蓝星第一强国米力坚向月球发射先驱者0号,开始探索宇宙第一步,当人类还在为自己取得的成就欢呼的时候,一种未知的天外生物,通过搭载返航器偷渡到了蓝星.... 一次失败的实验造就一缕不朽道魂,一道未知的波动送来神秘的道瓶。 早年父母无故失踪,平凡却又不平凡的他终究踏入了这个无限精彩的世界。聚八方英豪,汇天下风云。大道三千,又何惧前路艰险,一刀在手,登临世界之巅! 男儿笑江湖,浮华本是空。傲天下,凛然长刀,怒斩千雄。 巅峰忆峥嵘,英雄本无梦。待他日,三尺青锋,血染长空!赵阳意外绑定可以往返现代与明末的传送门。 穿过传送门,对面是气势汹汹,向着他冲刺而来的八旗骑兵。 数次尝试都铩羽而归,赵阳直接上交传送门,与官方合作。 当官方看到赵阳展示的另一个世界后,整个大夏都为之轰动。 一个星球的资源,一个全新的未开发世界! 大夏官方第一时间下定决心,制定绝密计划,设置最高权限。 终于,再次踏入明末大地的赵阳。 身后,是一条蓄势待发的庞然巨龙……
国家支持什么等教育机构开展网络安全相关教育与培训 sap信息安全搭建 网络营销的职务与职责 信息安全设施建设情况 网络安全宣传周主题是 网络安全框架 nist 网络安全 论坛 多语言外贸网站设计 互联网信息安全资质证书 虹口做网站价格 发育倒退【www.richdady.cn】 前世老公的识别方法咨询【www.richdady.cn】 学习成绩差的前世因果【www.richdady.cn】 财运不佳的财富转运【www.richdady.cn】 去世的母亲的前世解析咨询【www.richdady.cn】 自闭症的心理调适【企鹅383550880】√转ihbwel 精神不振的自我提升【企鹅383550880】√转ihbwel 缺心眼的自我提升【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 冤亲债主干扰的化解方法有哪些?咨询【微:qq383550880 】√转ihbwel 与女友前世的前世修行【企鹅383550880】√转ihbwel 孩子压力大的原因分析【σσЗ8З55О88О√转ihbwel 阴间生活的前世解析【企鹅383550880】√转ihbwel 前世因果咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子不爱读书的阅读计划如何制定?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婚姻生活不顺的案例分享咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婚姻生活不顺的解决方法咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 感情纠纷的沟通技巧【σσЗ8З55О88О√转ihbwel 外灵干扰的环境影响【σσЗ8З55О88О√转ihbwel 孩子学习不好的心理调适咨询【www.richdady.cn】√转ihbwel 公司破产的咨询技巧咨询【微:qq383550880 】√转ihbwel 网站微博营销哪个好用吗 信息安全等级保护网站,-1 美团外卖的网络营销 全球网络安全体制的漏洞 网站细节 网络营销的难点是什么 科技营销顾问有限公司 重庆好的网络营销公司排名 小数据 信息安全 ppt 长沙网站建设工作室 sem整合营销工具 信息安全企业排名,-1 展示网站和营销网站的区别 信息安全设施建设情况 国内汽车网络媒体的无差异化竞争严重突破式的营销创新太少 红河网络营销 通栏式网站什么是企业网站 信息安全等级测评目录 k网站建设 网络安全技术培训视频 邮件营销反馈率 快速网络营销软件 长沙网站建设工作室 信息安全的前提 富阳网站 网络营销的难点是什么 建永久网站 上海网络营销培训 石家庄网站建设公司 营销病毒 合山市网站 国家支持什么等教育机构开展网络安全相关教育与培训 网络营销理念包含哪些内容 计算机网络安全体系 微信营销代理分级软件 工业信息安全通报 广州营销课程 信息安全案例演示 网站抄袭网络安全法 从业 盈利模式和营销推广 分栏式的网站有哪些 合肥全网营销系统 中国石油信息安全网 公安局信息安全中心 星巴克微信营销ppt 央企信息安全 山西省信息化和信息安全评测中心 进行公司网站建设方案 东莞整合网站建设公司 南昌寻南昌网站设计 中络信息安全有限公司,-1 破解"工业控制系统信息安全"迷 互联网信息安全资质证书 营销】 网络信息安全模型 信息安全的分类 广东做网站网络安全与黑客攻防... 如何策划营销网站 信息安全 攻防 平台 有哪些营销型网站推荐 网络信息安全与防范技术 互联网公司信息安全 信息安全 远程扫描 个人网站制作 国家支持什么等教育机构开展网络安全相关教育与培训 网站的前台 网站微博营销哪个好用吗 信息技术与信息安全 快速学习 公安局信息安全中心 展示网站和营销网站的区别 云南微营销软件 营销】 互联网信息安全产品分类 微信营销代理分级软件 网络安全验证是什么 中国网络安全信息组长 建永久网站 计算机网络安全体系 星巴克微信营销ppt 互联网营销案例 红河网络营销 公司网络信息安全要求,-1 信息安全的分类 车联网信息安全测试 多语言外贸网站设计 富阳网站 商丘做网站 网络营销理解不正确的是 网络营销的难点是什么 快速网络营销软件 信息安全检查内容 广东做网站网络安全与黑客攻防... 制作网站公司唐山 我司如何自己建设动态网站 网站的设计 营销转化率 病毒营销互联网案例分析 红河网络营销 公司信息安全工作建议和意见,-1 网络信息安全与防范技术 富阳网站 破解"工业控制系统信息安全"迷 我司如何自己建设动态网站 做网站要多少钱 电子商务(网络营销) 软件网络安全认证证书 信息安全企业排名,-1 2016信息安全泄密事件 网站开发技术选择 单页式网站 建立免费个人网站 电子商务(网络营销) sap信息安全搭建 信息安全威胁的分类 微信营销代理分级软件 珠海网站 信息安全等于网络安全 网站微博营销哪个好用吗 sem整合营销工具 国家信息安全通知中心 转换营销 信息安全控制程序 爱民网站制作 合肥全网营销系统 网络安全框架 nist 网络营销实践报告 题目 营销活动公司 重庆 信阳做网站 营销的术语 南昌寻南昌网站设计 破解"工业控制系统信息安全"迷 破解"工业控制系统信息安全"迷 互联网信息安全资质证书 营销的术语 网络信息安全模型