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
idc 信息安全管理责任制,-1匡恩网络2015工业控制网络安全态势报告社交网络的营销方式中新网络信息安全股份有限公司怎么样广东省信息安全测评中心待遇网络安全专家 杨卿依云病毒式营销河北网络安全事件亚太网络安全本地佛山顺德网站设计  【练笔作品,永久免费】 “希雅,我要学技能!”   “好嘞!安排!”   浴血魔功:杀生既是修行…   净心佛经:一心向佛普度众生…   驭火诀:使修行者内力转化为火之力…   操雷诀:使修行者内力转化为雷之力…   控水诀:使修行者内力转化为水之力…   霸王功:使修行者内力蕴含霸王之气…   “换!”   “好嘞~”   ……   “再换!”   ……   “这些狐妖又漂亮又能打!打包!”   ……   “这些兵器都好喜欢!打包!”   ……   “这座山这草皮都不错!搬走!通通搬走!草皮都给他拔下来!”   ……   “这座岛上好多鸟,抓走,通通抓走!”   ……   莫情:“我们的宗旨是什么?”   众妖:“所到之地,寸草不生!”   莫情:“具体呢!”   众妖:“活的都抓!大山都掏!草皮都扒!大树都拔!”   莫情:“很好!”   ……   莫情:“你们的任务是什么?”   狐妖:“抓妖怪!掏大山!扒草皮!拔大树!”   莫情:“还有呢?”   狐妖:“每天训练生孩子!争取生出好孩子!”   ……   莫情:咱就是一个外挂有点多的小修士,咱可没什么坏心思…元宇宙经典游戏出马传奇,沈庸一人独开四号,各有所长 另有三位妹妹辅助,四人共同纵横驰骋,称霸游戏!克里斯托与未婚妻艾薇儿出席宴席期间发生的故事…穿越到大盛朝,无奈遭遇天崩开局,爹娘死得早,这个狗见了都摇头的混子把家财败了个干干净净,只留下一间破烂的茅草屋,就连吃饭都是有一顿没一顿的。   好在路上捡到一个漂亮妹子,还莫名其妙的就成了亲。   好吧,看着可怜巴巴、可爱至极的妻子和一贫如洗的家,作为无权无势的寒门农家子,黄廷晖只能开始凭借自己的双手,不断创造财富……游戏里被称为百科全书的凌云,因为过渡代练意外猝死,重生来到了十五年前。这一世他要称为职业选手,为梦出发。小伙穿越20亿年前的上古地球,不仅有生命,还有修仙文明,从此开启一段奇幻的修仙旅程。2019年度最火社会热血文!猪哥最新力作! 既然已经没有了路,那么人间炼狱,归我! 扣扣群:六九三七三五零五七。 呐,说话要讲证据! 我区区一个宗门杂役,怎么会是全能大师呢? 还有,我只是武气六段的菜鸡,怎么可能把师兄指点成首席弟子呢? 至于那些神兽、武皇、魔教……都听命于我?我不是我没有别瞎说。 最过分的是,我一个怂包,你们竟然怀疑第一美女师姐喜欢我? 好吧,就算这些都是真的,难道我想当一条咸鱼也有错吗?本书又名《我在三国强行拼团》《三国砍我,我一人砍三国》 刘云穿越到东汉,绑定附身了拼团系统,本想活命发育,偏偏黄巾起义,一个不小心还将刘备给秒杀了,不得已卷入三国时代。 刘云:“开团了,赶紧冲!来呀,砍我呀!这点兵马,砍我都不够,怎么当反派的?” 刘云:“来嘛,切磋切磋,是兄弟,就来砍我,砍一刀,一刀接一刀,完事请你喝酒。” 只见刘云一路横跳,到处强行找人拼团,势力越砍越大。 天子脖子架着刀:“刘云,你再不登基,我就砍自己了。” 一缕天魔残魂为引,带领一个意外来到这个世界的特种兵,走上修仙之路,在魔族圣主的布置下,慢慢走上与仙帝的对抗之路。历经艰险,在生死徘徊之际,觉悟天道有缺,最终战胜天帝,圣主。回归家园。
谁做过医院网络营销 国家网络安全管理法规 匡恩网络2015工业控制网络安全态势报告 成都做网站 水资源营销 怎么做一个网站 网络安全专家 杨卿 信息安全与服务 湖南营销型网站建设 信息安全学编程 如何克服“缺心眼”的问题【www.richdady.cn】 前世缘份的化解方法咨询【www.richdady.cn】 性压抑的前世因果【www.richdady.cn】 缺心眼的表现及成因咨询【www.richdady.cn】 与女友前世的前世修行咨询【www.richdady.cn】 前世缘份的缘分奇迹咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 事业不顺的职场提升路径有哪些?咨询【σσЗ8З55О88О√转ihbwel 亲子关系中的沟通艺术【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 感情纠纷的情感调解技巧有哪些?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 特殊学校【σσЗ8З55О88О√转ihbwel 官司的法律咨询【σσЗ8З55О88О√转ihbwel 4. 财运与事业发展咨询【微:qq383550880 】√转ihbwel 去世的父亲的咨询技巧咨询【σσЗ8З55О88О√转ihbwel 老公家暴的应对方法【σσЗ8З55О88О√转ihbwel 冤亲债主的化解方法咨询【企鹅383550880】√转ihbwel 灵魂化解的仪式咨询【微:qq383550880 】√转ihbwel 大龄剩女的婚恋现状【www.richdady.cn】√转ihbwel 内心恐惧胆怯的解决方法【微:qq383550880 】√转ihbwel 有官司的法律援助【微:qq383550880 】√转ihbwel 与公婆前世的故事分析【企鹅383550880】√转ihbwel 深圳企业网站建设公司排名 网络安全有哪些证书 微口碑营销 国家网络安全管理法规 商业信息安全 网络安全大会 病毒试营销 房地产网站建设 信息安全反馈热线 营销的种类 银行网络安全风险评估 西安网站架设公司 可信网络安全平台 禁用多网卡 迭代思维 营销绥化网站建设 昆明网站营销 网站色彩的搭配原则有哪些 网络安全专家 杨卿 2016信息安全联盟大会 本地佛山顺德网站设计 成都做网站 信息安全服务资质名单 免费营销软件 企业网站建设运营 互联网周刊 网络安全 怎么做一个网站 广州网站设计公司招聘 网络营销分为哪些类型 徐州市网站 公司网络安全管理 计算机信息安全设计包括 传统网络安全公司 什么是企业营销网站 商业信息安全 信息安全等级保护分为 甲方信息安全 网络营销到底是什么 网络安全新技术概述 一站式网络营销平台 国家网络安全管理法规 中国网络安全周 b2c网站建设 计算机网络安全心得体会 idc 信息安全管理责任制,-1 国网营销 广州微信营销手机 企业博客营销的劣势 网站建设深 美国计划于2015年建立哪三支网络安全部队 佛山做网站 嵌入式与网络信息安全哪个好 小米手机搜索引擎营销案例 什么是企业信息安全,-1 徐州市网站 安阳做网站 企业网站建设运营 济南外贸网站建设公司排名 广州微网站建设案例 上海集团网站制作 昆明网站营销 女孩子学网络营销 银行网络安全风险评估 精品网站建设公司 西安网站架设公司 通信网络安全专业委员会 微口碑营销 观点网站 2015金融信息安全峰会 佛山做网站 网络安全实验室wp 网络内容营销 毕节网站建设 山大信息安全好不好 免费做网站南山的网站建设公司 小语种网站 网投网站制作 可信网络安全平台 禁用多网卡 通信网络安全专业委员会 无锡 信息安全 南宁做网站找哪家公司 商业信息安全 信息安全等级推荐 专注武汉手机网站设计 常用的网络安全技术包括 成都做网站 匡恩网络2015工业控制网络安全态势报告 信息安全等级推荐 2016网络安全大事记 2008网络安全事件 水资源营销 北京市网络安全检测 信息安全指标 毕节网站建设 信息安全管理体系认证 查询 营销的意义 网络安全对抗和研究 信息安全 检测机构,-1 网络营销内容是什么意思 网络安全黑客漏洞 信息安全工作证是什么,-1 网站建设公司 南京 信息安全管理体系的三权分立 网络营销是指以互联网 地方门户网站制作 网络营销分为哪些类型 分析网络营销环境分析 中国网络安全 案例分析 2015 信息安全 检测机构,-1 网络安全法 网信办 网站中如何嵌入支付宝 网站备案要 国家信息安全周时间 旅游品牌网络营销策略 网站建设与搜索 网络安全应急处置流程图 信息安全云端攻击 近期网络安全论坛 网络安全界人士如何处理 信息安全有限公司排名,-1 电商营销公司做什么优秀的学校网站欣赏 2015金融信息安全峰会 精品网站建设公司 信息安全资质有效期 营销调研方法 地方门户网站制作 国家网络安全国家安全 信息安全指标 观点网站 中央网络安全小组t图片 怎么做一个网站 病毒试营销 网络营销是指以互联网 网站建设与搜索 网站制作 中企动力公司 网络安全问题有哪些 网络安全主体检测平台