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
网络营销线下培训课程中国网络安全研究院国家网络安全局官网互动网站建设网络安全管理证书福州做网站建设信息安全办公室,-1信息安全关乎国家安全黄石网站建设网站建设主页在渐渐步入和平的大陆上,阴谋于野心藏于不可见的黑暗中。本来应在棋盘之外的无逝,意外的卷入纷争。少年历经打磨成为锋利的刀,劈开棋盘,走向属于他自己的远方。   为了想要去到的方向,少年肩负着亲人朋友的希冀。   “在没到达尽头之前,我不会停下!” 这是一部给有机缘的人看的书。 超硬核群穿种田装逼打脸!超硬核!超硬核!超硬核!重要的事情说三遍! 旧世界的一群普通人,在两位神秘人士的帮助下,集体穿越到明末清初那个大时代。本书讲述的,是这群人如何筚路蓝缕开启山林,演绎出一段波澜壮阔、真实且魔幻的历史故事。当然了,毕竟这里所讲述的,是一个多角色群穿故事,所以开头有一些休闲、有一点慢节奏,然而前期的一切铺垫,都是为了今后的精彩。所以,此书不是单纯的小说,这里记录的,是一群人的秘史,因为现实比小说更魔幻,而你却能从魔幻的现实中读懂更真实的历史…… 九天路上谁为尊,一遇神帝万法空。上古天域,诸神逆战,神帝陨落伴九天玄石重生,以逆天资质修无上法门,铸混沌金身,力破苍穹,为报挚爱背叛之仇,兄弟夺妻之恨,他逆转苍天,法度万古,诛魔神,斩天妖,血染修仙路。天赋异禀李星辰,竟被大哥追杀,惨死。结果最后竟复活了!可惜灵力、体修尽失,妥妥地成为了废人中的废人!就此颓废吗?这大仇不报了!开什么玩笑!就凭灵兽的三星石,就凭路边儿野草堆捡的九龙神火鼎,看我重生为人,所向披靡。叫你四方凶兽、妖魔鬼怪、歪斜人心通通跪地叫我爸爸!星云宇宙环宇星海第一强者龙海,寻找百万年前,追杀上古邪魔的两位古神界护法祖师爷,而进入了其他宇宙位面空间之中,嫉恶如仇,不畏艰险,勇往直前是龙海的本心,在七大宇宙空间里,行侠仗义,救苦救难,发扬着大无畏精神……就在邪魔启动了轮回灭世的元器时,世间亿万生灵即将涂炭,所有人面对死亡也无能为力,这时龙海出现,利用两把终极元器才打破了轮回之刃,叫停了湮灭轮回的力量,谁曾想这祸害的源头竟然是创造了宇宙万物空间的造物主“神祖”的邪恶怨念所化,真是正邪不两立却出自一处!都是神祖的思想而已!正义和邪恶都是神祖体内的思维万象,演变出来的真实大能力!众人知道后都是无奈的摇头,只因为人类都是凡人,只有个别的修炼者得到了神祖真传,成了世间的大能为者,统治着整个宇宙空间和所有的环宇星海,龙海最终成了超越神祖境界的人族强者,达到了无极之境,废除了神祖的传承,站在了环宇之巅最高处! 本书就是《被逼成圣》的续集故事!何为仙,何为凡。 仙为何生来便高凡人一等,受凡人供奉,享人间香火,天上仙喜乐则凡间人得益,天上神恼怒则凡间蚁哀苦。 蓝星之上,流传着各式各样的神话传说,无人不知,无人不晓,但却无人真正见过这些传说中的神明。 那他们究竟存在是否。 是抛弃凡人而去,还是被封印在了某处,而那些神话究竟是有人随意编造,还是神明有意传播在世间? 科学证实的,便是真的吗? 在这个充满科学的蓝星之上,究竟还有哪些秘密没有被探索出来。 当一个来自外界的绝世大能满怀好奇的来到这个与众不同的星球,他带来的究竟是救赎,亦或者毁灭呢? 血腥残酷的修真世界,实力为尊,崇尚武力,凡人皆为蝼蚁。想要站到世界的最巅峰,孤儿院长大的他,如何做到?卖力苦修?拜入修真大派?还是寻得名师?统统都不是,偶得万界供应系统统加身,开挂人生由此开始,修炼、金钱、宝物、丹药诸多资源随手可得。从此开始了火箭般的成长之路,从一介凡人蜕变为修真巨贾,不过弹指间。末世+自然灾害+无系统+求生 气候突变,打破了世界原有的平静,冰川时代降临,幸存者挣扎求生。 面对未知的灾难和危险,一个个小人物组建到一块,共度危机,只为在这末世之下,走的更远 菩萨低眉,所以慈悲六道! 撒旦低头,所以血流成河! 以撒旦之名,专职杀戮,他要当最强的那个男人! 最燃的都市,且看一个男人如何成就霸业,成为傲立巅峰的一代传奇!   【七少出品,铁血霸气】 撒旦军团群:198247503 为寻求真相,潇漓开始踏足江湖,不想因此揭开一段被掩埋了二十多年的真相,而那正是潇漓所要寻找的…
经典微信营销软文 直销网站建设 信息安全检测公司排名 昆明做网站的公司 西安模板网站建设 营销概念是什么意思 小米手机发布网络营销 法国网络安全 信息安全的发展依顺序 网络安全技术规范及标准 与女友前世【www.richdady.cn】 财运不佳的改善方法咨询【www.richdady.cn】 学习成绩差的家庭教育【www.richdady.cn】 财运不佳的财富规划【www.richdady.cn】 去世的母亲的前世因果咨询【www.richdady.cn】 去世的母亲的前世记忆【企鹅383550880】√转ihbwel 情感心理咨询在线【企鹅383550880】√转ihbwel 前世缘份的前世故事咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 财运不佳的改善方法【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 公司破产的后续规划咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 心特别累的环境影响威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 亲子关系的教育建议咨询【σσЗ8З55О88О√转ihbwel 孩子学习不好的前世因果【微:qq383550880 】√转ihbwel 前世缘份的咨询技巧【企鹅383550880】√转ihbwel 公司破产的前世因果咨询【σσЗ8З55О88О√转ihbwel 投资项目的案例分享【www.richdady.cn】√转ihbwel 纠纷的调解技巧【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 如何识别冤亲债主【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 外灵干扰对日常生活的影响【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 感觉整天没精神怎么办咨询【企鹅383550880】√转ihbwel 公司网站模板 网络安全创新500强 国家网络安全活动周 信息安全管理体系中的&quot;管理&quot;是指,-1 义乌网站制作 你对网络安全怎么看 产品推广微信整合营销 天枢信息安全协会 提供网站建设设计 信息安全检测公司排名 网络安全专家采访 网站无备案 小米盒子网络安全性wpa 青岛全网整合营销 搜索引擎营销包括 关于简单网络安全协议有哪些 网络安全工作小组 龙华网站建设 信息安全保障协议书 系统 网络安全传输协议 经典微信营销软文 上海客服营销外包公司 怎么做网站排版 网络营销经典案例 成都学校网站制作 网站设计价格大概是 福州做网站建设 网络营销个性化服务 自建网站套现 新营销理念 拓吧网站 网络安全实训总结 网络安全项目名称 网站建设主页 单位主要网络安全业务 2015年信息安全报告制度 网络安全 大数据分析 联通网络安全资质 西安模板网站建设 专业信息安全服务资质办理,-1如何快速提高网站排名 公司网站模板 网络安全 安恒 如何进行网络营销策划 手机做网站的 怎样网络营销 成都有信息安全 信息安全测评项目 网络安全意识 培训 无锡网站推 昆明做网站的公司 京东目标市场营销 武汉大型网站建设 顺德新网站建设 360网络安全实验室 营销概念是什么意思 为了提高网络安全 微网站定制 免费建立个人网站 免费企业网站建设 北京建设网站公司 传统网站和手机网站的区别是什么 免费企业网站建设 武汉大型网站建设 产品推广微信整合营销 网站制作维护 网络安全宣传 自建网站套现 网络安全专家采访 天枢信息安全协会 上海网络营销资讯 法国网络安全 网站jianshe 中国网络信息安全展 信息安全评估常用参数 手机网络营销的案例 信息安全检测公司排名 国家级信息安全标准 email网络营销的现状 网络安全 大数据分析 网络安全专家要求 企业网站网络营销职能 信息安全保障协议书 系统 营销推带 顺德新网站建设 马鞍山网站设计 网站设计价格大概是 怎么做网站排版 信息安全的发展依顺序 网络营销信息传播效果 网站设计建设趋势 信息安全管理体系中的&quot;管理&quot;是指,-1 seo营销技巧培训班 网络与信息安全认证资质证书 信息安全管理体系中的&quot;管理&quot;是指,-1 2016网络安全大事件 网络安全与文明 公司网站规划案例 提供网站建设设计 重庆网站建设公司那好 2016我国信息安全十大问题 淄博做网站 青岛全网整合营销 小米手机发布网络营销 张北网站建设 如何设计公司官网站 广州旅游网站建设设计 网络营销经典案例 9.网络安全的特性包括( ). 昆明做网站的公司 网络与信息安全培训 义乌网站制作 无锡地区网站制作公司排名 2月17 国家信息安全 工信部网络安全考试 深圳电子商城网站设计 单位主要网络安全业务 网络信息安全实验报告 网络安全创新500强 网络安全项目名称 淄博做网站 信息安全防护有关规定 信息安全 加强 协调 直销网站建设 营销型企业 网络安全实训总结 网站无备案 高大上网站建设公司 怎样网络营销 单位主要网络安全业务 网络安全工作小组 网络信息安全监察 网络安全测评培训教程 免费企业网站建设 网站优化怎么做 网络安全组件石家庄整合营销