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
电子政务网络安全研究佛山新网站制作平台委托建网站需要多少钱唐山网站建设报价广州的服装网站建设网络安全监测预警济源做网站信息安全与无线网络网站设计模块手机网络安全资料异世界,魔王,勇者这些本应存在幻想世界的事物却降临在了我一个平凡的美术实习生的身上。 异世界,现实?两者交融,一股神秘力量将我卷入其中,而我身边只有绘画及工具而已,以“笔"为剑开始了我的异界之旅,又有什么在等待着我,神秘而又未知.....穿越洪荒,成为帝俊和东皇太一长兄。 深知后世巫妖量阶走向的道尘,当即决定带着两个小老弟,闭关太阳星,打死不踏出一步。 自此洪荒天机发生变化,妖族无主,巫族一家独大。 圣人一个脑袋两个大。 鸿钧:你出关,圣位灵宝随你挑。 洪荒大妖:求求你出关吧,巫族太凶了。 系统:宿主求求你出关吧,三清和十二祖巫,人头打出狗脑子了。 道尘:不存在的,等我再闭个十个八个元会再说。 李天命做梦都要笑醒了。他家的宠物,竟然都是传说中的太古混沌巨兽! 他的家鸡,是以太阳为食的‘永恒炼狱凤凰’。 他的黑猫,是以雷霆炼化万界的‘太初混沌雷魔’。 连他家的小强,都是拥有万亿不死分身的‘万界永生兽’…… 从此,他驾驭十头太古混沌巨兽,化身万古第一混沌神灵,周游诸天万界,镇守无尽神域。万物魔灵,诸天邪魔,连爬带滚,哀呼颤抖! 吴昊双眼异化,不仅能鉴宝,还能透视,更能看破风水……因为自己的一个小小失误,皇族女王最爱的宠物丧生在了自己的手上,自知死罪不可避免,她选择了逃离这里,但她不知道的是,这一切的一切都是女王和王上两个人设下的圈套。他们故意设计了这一切,目的就是让这个不知道任何事情真相的小女孩替自己去调差和平息一系列事件,这样自己可以不用出现,任何负面情况都不会和两人扯上任何关系。第四选择,第三选择,第二选择,第一选择,四个不同的宇宙,四个不同的制度,四个不同的阴谋,这样既可以让这个小女孩成长为一个一个合格的女战士,到那时她将再次为自己所用,榨干她的一切价值。但两位王都没有预料到,螳螂捕蝉黄雀在后,一个更大的阴谋将两人全部拉入了她的算计之中。 自从1976年开始,长洲温岭国道公路的路段,事故频发,还发生了多次尚可未为人知的神秘事件! 1976年一对夫妻在温岭国道公路的路段,那是给发生了特别严重的9.9重大车祸之后,温岭国道公路的路段,那就开始收割人的生命了。 然后,那就是1979年,温岭小男孩事件,1981年,温岭公路建筑工人事件。1985年温岭公路救护车事件。还有1987年温岭大火灾事件,1990年温岭大卡车事件。 1993年的温岭公路隧道诡异人影事件,1996年温岭公路上吊事件。1998年,温岭跳涯事件,还有2002年温岭公路路段的大连环车祸。 2005年温岭老太婆死亡事件,2009年温岭灵异小轿车事件,2012年的温岭公路红棺材事件,2014年的温岭公路段的大树倒塌砸毁路过巴士事件。 2016年温岭拖拉机事件,2018年温岭小学生失踪事件,2019年,野外业余摄影爱好者拍摄到多组灵异照片事件。 本书那就一起带大家去解密温岭灵异事件吧!第三次世界大战后辐射扩散到宇宙各处,人类的基因发生了奇怪变化,就连地球也变了样。上古大陆,一位拥有先天全体的少年,因为一次意外,引得黑珠入体,从而导致元力全失,至此他失去了所有光彩,族人的陷害让他认识了师尊,在一个分身的教导下,少年披荆斩棘,过五关斩六将,一步步成为真正的强者...... 为了家族命运,少年踏上了独自修炼的征程;为了亲人,他被迫选择了自己不爱的人;为了爱人,他忍受了无数年的自责。 从一个小小的战士,逐步成长为天元大陆至高无上的古神,而最终,为了整个天元大陆,他却付出了所有......  【练笔作品,永久免费】 “希雅,我要学技能!”   “好嘞!安排!”   浴血魔功:杀生既是修行…   净心佛经:一心向佛普度众生…   驭火诀:使修行者内力转化为火之力…   操雷诀:使修行者内力转化为雷之力…   控水诀:使修行者内力转化为水之力…   霸王功:使修行者内力蕴含霸王之气…   “换!”   “好嘞~”   ……   “再换!”   ……   “这些狐妖又漂亮又能打!打包!”   ……   “这些兵器都好喜欢!打包!”   ……   “这座山这草皮都不错!搬走!通通搬走!草皮都给他拔下来!”   ……   “这座岛上好多鸟,抓走,通通抓走!”   ……   莫情:“我们的宗旨是什么?”   众妖:“所到之地,寸草不生!”   莫情:“具体呢!”   众妖:“活的都抓!大山都掏!草皮都扒!大树都拔!”   莫情:“很好!”   ……   莫情:“你们的任务是什么?”   狐妖:“抓妖怪!掏大山!扒草皮!拔大树!”   莫情:“还有呢?”   狐妖:“每天训练生孩子!争取生出好孩子!”   ……   莫情:咱就是一个外挂有点多的小修士,咱可没什么坏心思…现实世界居然真的存在着神仙,成仙之路
腾讯 hook 网络安全南宁网站优化 委托建网站需要多少钱 2014 网络安全 事件 网站触屏版 南通哪里有做网站的 互联网营销工作简历 易营销型 重庆商城网站制作报价 网络安全防御 直播是网络营销嘛 升迁障碍【www.richdady.cn】 与公婆前世的影响分析咨询【www.richdady.cn】 老公家暴的前世因果【www.richdady.cn】 为什么过世的前世解析咨询【www.richdady.cn】 冤亲债主的定义【www.richdady.cn】 强迫症的前世因果咨询【www.richdady.cn】√转ihbwel 内心恐惧胆怯的前世因果【σσЗ8З55О88О√转ihbwel 前世老公的前世案例咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与公婆前世的前世案例威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 强迫症的案例分享咨询【企鹅383550880】√转ihbwel 脑部不清晰的环境影响咨询【企鹅383550880】√转ihbwel 有官司的法律援助【微:qq383550880 】√转ihbwel 亲子关系的咨询技巧咨询【微:qq383550880 】√转ihbwel 失业后如何快速找到新工作咨询【企鹅383550880】√转ihbwel 为什么过世的前世故事咨询【企鹅383550880】√转ihbwel 为什么过世的前世因果咨询【微:qq383550880 】√转ihbwel 头脑混沌的前世记忆【企鹅383550880】√转ihbwel 缺心眼的自我提升咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婚姻生活不顺的心理调适咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 阴间生活的前世案例咨询【微:qq383550880 】√转ihbwel 网络信息安全教材,-1 衡水网站建设供应商 app互动营销策划 国家信息安全二级等保 群发营销 长沙网络营销 杭州网站建设开发 宁夏制作网站公司 深圳学网络营销哪个 奶粉微信群营销方案 饿了么网络营销策划书 网络安全包括系统安全和信息安全 自己制作网站 建网站要学什么 移动互联网广告营销 珠海 旅游 网站建设 网站推广营销 网站乱码 网络品牌网站建设 清华信息安全 许可email营销的功能 苏州网络营销公司 国内网站主机 网络安全活动宣传 腾讯 hook 网络安全南宁网站优化 新媒体营销外包公司 网站策划厂 网上超市的网络营销 温州网站优化 信息安全技术 网络安全等级保护基本要求 免费建设网站平台 网络安全法律 网站触屏版 网络营销定义 网络安全性怎么设置 英国 网络安全 机构 西安网站建设 网络安全实验室脚本关 中国网络安全年会2017 互联网营销和传统营销的区别是什么 易营销型 广东信息网络安全协会 工厂信息安全培训内容 2016中国信息安全大会 怎么获得网络安全资质 网站建设 宁夏 搜索引擎营销理论基础 网络安全防御 上海建站网站简洁案例 网站制作呼和浩特 信息安全导师 2015网络安全事件 建立网站的价格 南京专业做网站的公司 电商营销可以自学吗 李强 网络安全审查 病毒式营销要点图片 西安网站制作工作室 济源做网站 idc信息安全管理系统架构 cu eu 维护网络安全语句 苏州网站推 无锡网站优化 网站设计模块 2017网络安全比赛 信息安全的认证中心,-1 信息安全的认证中心,-1 建立网站的价格 橙网站 维护网络安全语句 互联网营销工作简历 网站页面大小 知名营销 南昌市做网站的公司 科技网站配色方案 怎么设置网站栏目 网络安全体系构成要素中恢复 网络安全 高端培训 网站触屏版 网络安全法律 委托建网站需要多少钱 营销号公司 信息安全技术 网络安全等级保护基本要求 网站搬家 新媒体营销外包公司 空间信息安全 南通哪里有做网站的 制作网站的步骤 实战全网营销是干什么 伊朗 网络安全 腾达网络安全密钥不匹配 如何创建个人网站 2016中国信息安全大会 参加网络营销的好处 网络安全迫与破中山网络营销 全网整合营销 清华信息安全 网络品牌网站建设 技术支持:淄博网站建设 网络安全设备分类 网络安全.ppt 营销外包效果 大学生网络安全实例 英国信息安全硕士认证 网络安全防御 网站乱码 中国网络安全年会2017 珠海 旅游 网站建设 营销是什么意思 形象型网站 工厂信息安全培训内容 酒店电子邮件营销案例 全网整合营销 昆明做网站 昆明做网站 网络安全.ppt 医疗网络安全解决方案 营销是什么意思 宁夏制作网站公司 苏州网络营销公司 澳门网站建设 幼儿园网站设计 西电2015 信息安全就业 长春市网站推广 网上超市的网络营销 公司网站非响应式 装饰微营销 可信网站认证信息安全服务资质安全工程 网络营销对传统营销模式的影响 旅游响应式网站建设 无锡网站优化 网络安全审计 课件 许可email营销的功能 新媒体营销外包公司 信息安全属性