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
2016信息安全传统营销和内容营销外贸网站推广方案网络安全态势感知 外文网络有哪些营销方式有哪些影响信息安全 需求深圳市珠宝网站建设h5网站作用静安区品牌网站建设祥云网站建设一名高中落魄少年意外死亡,竟然离奇穿越被收养,多年后因战乱亲朋被杀,踏上修仙之路,寻找凶手复仇......传说中的神话人物是否存在,如果存在,他们现在又在哪里?如果不存在,那我又是谁?行走在黑夜中,谜团,不断地被解开,又不断的出现,真相最终展现在眼前时,竟那么悲壮。 古老的传说,神秘的田家井! 一声巨响,一片残垣断壁,见证了一段血腥的历史。 五百多年后的他从残破古井中进入一处空间裂隙,邂逅元末枭雄陈友谅之女陈飞飞,揭开了一段尘封的历史。他加入华夏国安八局并屡立奇功,战功赫赫的女友为了华夏北斗系统被CIA羞辱,从此他上碧落下黄泉,只为……喜欢一个人可以持续多久 一年 十年 还是一万年 这个世界只有黑色 这个世界只有地狱 我们只不过是,寻找那微不足道的光点 可笑的是,根本就没有光点 鸿蒙世界共有十重天,传说进入三重天后,便可长生不死,他们毕生都在追求长生之道,但若想要长生,谈何容易,得到多少?又会失去多少?万千种族的角逐,变异带来的无限能力,从母星到浩瀚宇宙的征程。纪元与文明的一次次更迭中,生命是否在不断进化?能否突破禁锢?抵达那虚无缥缈的终点。【无毒+不圣母+不送女】 宁凡穿越仙侠世界,觉醒分身养成系统。 开局创建四大分身。 只要把分身培养成大佬,他就能获得奖励。 分身的实力越强,奖励就越丰厚。 于是... 太上宗:我宗道子先天道体,有大帝之姿。 宁凡:对不起,他是我的分身。 紫斗仙宗:我宗圣子摘草可斩尽日月星辰。 宁凡:对不起,他也是我分身。 合欢宗:我宗圣女总该不是你的分身了吧! 宁凡:对不起,她是… 罗刹魔宗:除了这句你还能说点其他的吗? 宁凡:其实你们宗主… … 异族女帝:人族的大佬都是同一个人?笑死朕了! 宁凡:你笑啥?你刚过门的相公,也是我的分身。 异族女帝:???狗贼,啥也别说了,拔刀吧!【灵气复苏+沙雕+热血+异族入侵+友情+系统+觉醒异能】 李聪明觉醒系统后在一次偶然中发现,只要夸赞系统,系统就会奖励他各种各样,稀奇古怪的东西。 “系统,你就是神!” 【检测到宿主夸赞系统,奖励冰系异能修炼功法一本】 “系统,你简直就是万千系统里面最帅,最强的那一个!” 【奖励生命之树一棵】 “系统,你就是我的再生父母!” 【奖励小萝莉一只】 从此,这位少年就在拍马屁的道路上越走越远。在暗裔降临、秩序混乱、礼崩乐坏的末世,林安济手持三尺青锋斩杀暗裔,守护自己的信念,在这充满血与骨的末世谱写属于自己的华章,他会为后世留下怎样的浓墨重彩的一笔? 人类漫长的文明发展中,逐渐发现自己在宇宙中的孤独,人们开始寻找外星生命,可数千年来却是一无所获。 宇宙边缘论随着重生机的诞生,进入了大家的视野,重生机创始人“叶伦”说出了让全世界震惊的消息。 我们发现了外星文明!随着宇宙检测站的一个个排查,出现了让所有国家瞬间发起战争的重大发现。 宇宙重启!这场战役叫做宇宙重启!叶伦开启宇宙重启真的是为了拯救文明吗?还是受到了边缘文明的操控呢?这背后到底隐藏了什么秘密? 这一切都随着一名普通的研究人员,慢慢浮现出来……【女帝】、【脑洞】、【搞笑】 一位普通的网文读者云逸,穿越到了看似平常的异世界。 熟读套路的他,开局就抄了前世的一本经典仙侠小说,想要通过网文赚取第一桶金。 但没想到。 这个世界,正处于灵气复苏不久,修行之法还未开创的时代。 所以,当云逸小说火起来的同时,一部分人发现... 小说里的修行功法、锻器手段、炼丹丹方,竟真的全部可以模仿使用! 此刻,全球震惊,各国开始紧急接触云逸! “仙帝无私奉献,哪怕是圣品功法也未曾藏私,令人钦佩!”有人族修士恭敬道。 “师父悉心教导,润物细无声,让我受益匪浅。”女帝徒弟言笑晏晏。 “仙帝一剑斩妖,救人族于水火,此等胸怀,我难以企及!”有人族大能跪拜。 自此,云逸被全球的修行者们尊为“开天地新生,创万界新道”的原初仙帝。
网站设计流程 东莞长安网站优化公司 信息安全的主要威胁有哪五大点 2016信息安全 电商营销能看的书籍 西安制作网站的公司有 门户网站模板 上海网络安全公司 2017企业网络营销 网络安全技术包括 解决孩子不爱读书的问题咨询【www.richdady.cn】 外灵干扰的前世故事咨询【www.richdady.cn】 阴间生活的描述与传说【www.richdady.cn】 大龄剩女的婚恋经验有哪些?咨询【www.richdady.cn】 财运不佳的财富增长技巧有哪些?【www.richdady.cn】 无形干扰的心理调适【企鹅383550880】√转ihbwel 升迁障碍的职场转型咨询【σσЗ8З55О88О√转ihbwel 发育倒退对孩子心理的影响【www.richdady.cn】√转ihbwel 婚姻生活不顺的自我提升【企鹅383550880】√转ihbwel 人际关系不好的原因分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 外灵的驱除方法【企鹅383550880】√转ihbwel 公司破产的环境影响【微:qq383550880 】√转ihbwel 前世老婆的咨询技巧【微:qq383550880 】√转ihbwel 为什么过世的前世记忆威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 官司的预防措施咨询【www.richdady.cn】√转ihbwel 强迫症的咨询技巧【企鹅383550880】√转ihbwel 意外的原因咨询【企鹅383550880】√转ihbwel 公司破产的原因分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 亲子关系的共同成长方法有哪些?【www.richdady.cn】√转ihbwel 冤亲债主干扰的前世因果【σσЗ8З55О88О√转ihbwel 百度网站安全检测 网络安全应急服务支撑单位 国家级 中央信息安全管理中心,-1 网站后台修改内容看不见了 东营有网站 成都网站制作公司 个人网站企业网站 信息安全的主要威胁有哪五大点 微信网站方案 信息安全集成服务 等级 网站建设的基本需求有哪些方面 个人网站企业网站 四川大学信息安全,-1 赛事化营销 网站营销 信息安全等级测评师证 微信营销的案例分析 微博营销成本 win2003 asp.net网站服务器被恶意占据宽带 微信网站方案 seo的网站建设 网络营销工具的概念 四川大学信息安全,-1 网络推广天培营销 网络有哪些营销方式有哪些影响 信息安全 济南 武汉信息安全与人才 北京市2017信息安全 网络营销促销案例分析 高端企业网站报价 重庆整合网络营销代理 营销的层次 东营有网站 网站名注册 网络营销总结与分析 网络营销工具的概念 关于加强政府及重要信息系统网站网络安全管理 网站设计流程 肇庆做网站 基于私有云安全平台的网络安全部署研究与实施 网站注册器 新建网站 网站建设成都公司 网站恶意刷 公安部网络安全对抗赛 网络安全事件应急预 晋城网站建设 东莞长安网站优化公司 网络营销渠道的特点是 邵阳网站优化 国家信息安全产业联盟 网络营销的营销手段 北京市2017信息安全 网络营销渠道的特点是 内蒙古企业网站建设 国家信息安全标准 网络安全采访感受 商丘做网站哪家好 江苏网站建设机构 上海网络安全公司 网站建设的基本需求有哪些方面 深信服信息安全审计系统,-1 网络推广天培营销 门户网站模板 中央信息安全管理中心,-1 无锡网站建设 微信 是什么网络安全技术的基础 传统营销和内容营销 网站营销 北京邮电大学信息安全 网络安全采访感受 新建网站 英国信息安全 国家网络安全监管中心 金盾信息安全技术有限公司 网站建设有模板吗 建游戏网站 东营有网站 外贸网站推广方案 网络营销的基本知识 中华人民共和国工业和信息化部就业指导中心认证网络营销师 网络推广天培营销 赛事化营销 西安制作网站的公司有 搜索引擎营销推广是什么职位物联网信息安全保护公司 中华人民共和国工业和信息化部就业指导中心认证网络营销师 营销品牌类公众号 北京信息安全培训机构 网站建设成都公司 营销品牌类公众号 郑州营销托管公司 网络安全态势感知 外文 棕色网站 网站设计教程 自己建立的网站 网站托管套餐 国家信息安全产业联盟 网站和app的关系 服装页面设计的网站 汕头网站设计 北京高端网站定制公司 武汉信息安全与人才 网站稳定性 山西信息安全技能大赛 江苏网站建设机构 信息安全博士研究方向,-1 高端企业网站报价 在线营销工具 手机网站的特点 为保护网络信息安全保障公民法人和其他组织的合法利益选择答案 网络营销公司的排行榜 国家网络安全园区 建网站主机 建游戏网站 微信营销的案例分析 互联网 与传统营销区别 国家推荐网络安全 是什么网络安全技术的基础 网站后台修改内容看不见了 网络营销的营销手段 商丘做网站哪家好 国家保密学院信息安全 基于html5设计的网站建设 国家信息安全标准 网络安全 断网 国家网络安全部队 网站创建公司网站湖南专业做网站企业 上海网络安全公司 烟台哪个公司做网站好 青岛外贸网站建设 昆明网络营销实战培训 门户网站模板 互联网金融与信息安全 企业网络营销总裁培训班 中华人民共和国工业和信息化部就业指导中心认证网络营销师