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
政务类网站网络营销和广告的区别和联系深圳网络安全培训信息网络安全与管理江西医疗网站建设如何制定网络营销策略实战网络安全免费阅读常州制作网站信息dw做网站租车 网络营销方案  红色玛瑙似的石头、会唱歌的古木、夜半时分龙的低沉的吼叫、以及阴森的密林中的鬼怪……以及他,瘦弱的读书之人,却为何要爱上了一位美艳多情的少女,非常不幸地使自己卷进了万劫不复的纷争之中……   风高月黑之夜,他来了,沉重似铁的脚步声一度使石头颤抖,天上的月轮见了也不得不向他点头哈腰。他是真正的强盗,雄伟的身躯,过人的胆魄,尚且还有狡猾的头脑。杀人无数的他略显苍老,却并没有忘记儿女情长,风花雪月的日子使人不变老。他是少女的梦,少女还有另外一个梦,便是那读书人的眼眸,那是何等清澈的泉水般的眸子啊。狭路相逢,一头是那读书人,一头是强盗低沉的怒吼,刀抽出来了,上面残留着映着月轮的寒冷的血…… 这便是玄域之地,离奇可怕之事所在多有,天空一度呈现不祥之色,红色的雨飘洒在苍老的大地如雪花飞舞…… 人们纷纷逃离,而那位读书人却不能,因为他得保护着那位少女……      最后,读书人发现少女竟然… 要想征服一个女人,首先得征服她的胃。 穿越人士许舟化身小捕快,得不靠谱的系统资助。 左手一盘番茄炒蛋,右手一盘爆炒小龙虾。 玩转天下,尽享人生。 闲时,抓几个坏人玩玩?作为寰宇中最高贵的混沌圣龙一族,他是最强一位,也是最后一位。三皇的陨落,是阴谋?或命运?还是,来自天外的威胁……一切的巧合不是偶然?转世成人,开始新世界……一卷封神榜,一座封神台,为异界带来一个异数,也是一个变数,掀起波澜壮阔的江湖烽烟。五百年必有王者兴,三千载则当圣人现,一万年沧海桑田,阴川之下,造化之工,天照点将,揭开三千年后封神大战的帷幕。龙啸九天,正心泯仇;凤鸣寰宇,修身弘愿。封神榜起,封神台终,登天梯下,上演着血与火的恩怨情仇…… 贫道纯属虚构,如有雷同,你能咋滴?拔刀吧——人生赢家!一个突如其来的灾难,全球陷入了无尽的黑夜之中,层出不穷的文明和怪物开始出现了,神明、机甲、超自然力量,在巨变到来之后,所有人都在想办法活着,而一个叫做零号的人类出现了,他…… 前世身为妖婆大弟子享受一切修仙资源,因飞升未成受三世凄惨轮回,老妖婆子逆天改命寻找转世宿主,我的人生开始转变,一切的一切他都不放在眼里,只为夺回属于他的所有回到老妖婆子身边。林耀被老头子暗中定下婚事,本想下山退婚,但当看见未婚妻本人时,他态度发生一百八十度转变:“我的媳妇,竟然是冰山女神……”我本无意争锋,却被迫推上高位,在血与火中,一步步走到天的举世瞩目的高度,那么就剩下天了......来自他的故事传奇。横推都市无敌手,轩辕重开林仙人。 灭门之仇,断腿之恨,血海深仇,不报难安! 我林枫修仙归来,你们这些练武的也配?我不知道该怎么去做,但总感觉现在所处的环境很危险,看完加缪的《局外人》更是。上世纪五、六十年代的法国社会若隐若现在我脑海中,那么真实,我试着擦亮眼睛,去找寻现存的问题,也许会有相似性,我不知道是否正确,但我还是要说出来:在这个时代,日新月异的科技的进步背后却是一个浮躁的社会,车水马龙的都市背后失去灵魂的“行尸走肉”在莫名其妙的忙碌着,没有谁愿意多去留意观察这个社会细微的变化,没有谁愿意为社会多贡献出自己的力量,一件事情的始末,没有人会去在意这么做的意义,仿佛没有谁不是自相矛盾的个体。是没有意识的重复,是没有呐喊过的彷徨,是没有迷茫过的沉沦。就这样等待着命运之神宣判自己的死亡。
网站建设价目 网站添加百度地图 优化:高效的seo社交媒体和内容整合营销实践及案例pdf 常州制作网站信息 顺德建网站的公司 西安网站开发 昆明网站设计公司 sdlc 信息安全 网络安全风险评估方案 信息安全 远程扫描 邪灵的防范方法咨询【www.richdady.cn】 前世缘份的咨询技巧【www.richdady.cn】 迟缓儿的自我提升咨询【www.richdady.cn】 邪灵对人的危害【www.richdady.cn】 婚姻生活不顺【www.richdady.cn】 儿子不读书的咨询技巧【σσЗ8З55О88О√转ihbwel 失业的自我提升咨询【σσЗ8З55О88О√转ihbwel 存不住钱的前世因果咨询【微:qq383550880 】√转ihbwel 与老公前世的咨询技巧咨询【企鹅383550880】√转ihbwel 财运不佳的改运技巧【σσЗ8З55О88О√转ihbwel 莫名其妙感伤的心理调适【σσЗ8З55О88О√转ihbwel 精神不振的咨询技巧咨询【σσЗ8З55О88О√转ihbwel 不爱读书的原因分析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 干扰对人的心理影响【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 去世的父亲的前世解析咨询【微:qq383550880 】√转ihbwel 有官司的调解技巧【企鹅383550880】√转ihbwel 灵魂化解【www.richdady.cn】√转ihbwel 如何预防过早离世咨询【企鹅383550880】√转ihbwel 灵魂种子治疗咨询【企鹅383550880】√转ihbwel 前世因果咨询咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel cps营销 如何测试网络安全性 西宁网站推广 永久免费企业网站申请 微博营销传播效果 湖南的商城网站建设 济南网站制 互联网信息安全会议,-1 网站酷站 信息安全专业领军人物 国际网络安全会议 南昌网站定制 网络安全努力破除 南京电商网站建设公司 2016信息安全泄密事件 昆明网站设计公司 江西医疗网站建设 供应链 信息安全,-1 网络营销可以不考虑( )问题. 信息安全服务项目 营销推广电子商务网站 网络安全产品目录 网络营销是啥 电商营销服务 sdlc 信息安全 网络营销(第5版) 深圳网络安全培训 酷炫给公司网站欣赏中国网络安全企业50强 网络信息安全法主体 我国信息安全论文 营销推广电子商务网站 迪普网络安全 优化:高效的seo社交媒体和内容整合营销实践及案例pdf 网络安全安全协议 网站建设天津 游戏营销环境分析报告 济南营销型网站建设 企业网站策划 信息安全等级保护管理办法第九条 网站主播 实用网络营销教程 网站修改标题有影响吗 专注武汉手机网站建设 济南网站制 福州做网站 四川微信网站建设 网络安全编程 广西网站建设公司 2014中国信息安全技术大会营销调研的过程 网络安全对大学生的 网络安全编程技术与实 顺德建网站的公司 永久免费企业网站申请 网站酷站 电子商务是网络营销吗 互联网营销的主要优势 xx旅行社网站建设方案 企网站技术解决方案为申请虚拟主机 信息安全 大数据 微博营销传播效果 湖南的商城网站建设 搜索引擎营销的主要方式有哪几种 信息网络安全2017 网站添加百度地图 请公司建网站 济南网站制 国家计算机与网络安全中心主任 宁波网络营销 中国网络安全 秦安 互联网信息安全会议,-1 国家网络安全基地建设方案 网站的表单 石家庄医院网站建设 网站酷站 网络安全产品及服务 信息安全服务资质咨询中心,-1 网络信息安全法主体 信息安全专业领军人物 专业的营销网站建设公司 信息安全服务资质认证分几级 青岛信息安全保密大会 国际网络安全会议 互联网信息安全会议,-1 信息安全的前提 信息安全内审员营销策划部 南昌网站定制 江西医疗网站建设 开展网络安全认证检测 网络营销参考书 网络安全努力破除 网站添加百度地图 公司营销网站制作 关于加强网络安全有何意义 南京电商网站建设公司 网络营销和广告的区别和联系 网络安全风险评估方案 怎么加强网络安全 沈阳公司网站建设 酷炫给公司网站欣赏中国网络安全企业50强 请公司建网站 网站跳出率 网络安全管理培训 cps营销 网络营销产品类型 政府网络信息安全 郑州网站推广公司 怎么加强网络安全 医院自营销 怎样建立自己的个人网站 信息安全的前提 迪普网络安全 成都建设网站 免费域名注册网站 东莞营销型网站建设 信息安全安全测试 信息安全控制 网络营销渠道的成本 公司营销网站制作 信息安全周报 石家庄医院网站建设 网络安全安全协议 cps营销 网络营销(第5版) 信息安全周报 阿里负责网络安全 句容做网站 优化:高效的seo社交媒体和内容整合营销实践及案例pdf 阿里负责网络安全 天融信网络安全准入系统 四川微信网站建设 导入mysql数据库 空间 网站 教程 flasfxp 汉中网站建设 网络安全努力破除 营销培训学校 - 百度 湖南的商城网站建设 网络营销途径都有哪些