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
网络安全编程营销的投入惠州网站建设公司昆明的房产网站建设网站建设心得整体营销的含义信息安全 保护对象,-1xcon安全焦点信息安全技术峰会怎样建免费网站深圳 企业网站建设秦风被迫从游戏界龙头企业辞职后,加入了一家只有几个人的小公司。 制作游戏,我秦风还没服过谁。 看不起小游戏?《开心消消乐》《神庙逃亡》教你做人。 单机游戏没落了?仙剑系列,魂系游戏,剧情或难度,总有一款玩哭你。 网游模式单一?LOL,绝地求生,自走棋,这回不是打怪升级了吧? 就凭做游戏,也能做首富! 不信?做给你看!小白是一条有人的思想和情感的小狗,从小和主人一起长大,因为主人有了伴侣。小白在一个秋季踏上了流浪之旅,然后遇到狗的爱情和朋友。最后经过重重挫折和苦难又重新回到主人身边的故事灵气复苏,大争之世,万世未有之变局将临,三段投影,一生传奇,礼赞人族,壮哉华夏。公元2077年,龙华一中的一名高三学生陈与年,在一次偶然的巧合下,接触到了往生乡与堕落王室,还知道在不久的将来,这个世界将会面临一次大洗牌,但是他明白 ,无论往生乡胜,或亦是堕落王室胜,人民还是处于苦难,都不是理想世界 ,所以,他和志同道合的朋友, 向外寻找, 传说中的“天&amp;quot;!究竟他能不能找到“天&amp;quot;!世界真的会被往生乡或者堕落王室所统治吗?理想世界又是什么样子的昵? 张启,一名高二的学生。母亲在一年意外去世了,父亲伤心过度之后被查出有精神疾病每天卧床不起。在很多地方都试过治疗父亲的病,却没有多大的效果。同时也欠下了许多债务。但张启并没有放弃父亲,周一到周五上课,周末有空就做做兼职,用来补贴家用,却远远不够。某一天,债主找上门来。知道张启没能力归还,便将他绑到小黑屋,准备咔腰子。但过了三天,却什么也没发生。于是张启变逃了出来,却发现大街上没有一个人。只见漆黑的夜空上。六道红光划过,从此张启的人生发生了巨大的改变。 本文描写一对乡下的老夫妻,一起过着平凡的而甜蜜的生活,苦中作乐,为了能够购买到一辆5000元的三轮车而,老两口不断去努力种地挣钱的故事。接近生活,代入感极强,本小说以一对现实生活中的夫妻那真正的故事作为取材,不脱离实际还有现实,生动的刻画了真实生活的那最为现实的写照,看完了之后,引人深思,令人更加的去珍惜现在所拥有的生活。趁您的亲人好友还在人世,多多珍惜,生活,那是最为苦涩而甜蜜着的。浩瀚宇宙之中,地球文明之外,是否还有其他的文明?除了地球人之外,别的星球是否还有与地球人类似的外星人? 国家航天局在月球表面建造基地,用以科学探索,无意之中发现竟然有月球人存在,他们又是如何构造自己的文明?某K平台封神作家常年位居畅销榜榜首,为了巩固霸主地位,他斥巨资招聘技术大牛研发小说系统漏洞。通过漏洞,人可以进入小说内部更改剧情走向。为了使每一部精彩小说消失,封神作家开始结党营私,广纳社会负债人士组建改匪帮。 # 某K平台之所以能够成为行业霸主,靠的还是才华横溢的原创作者。改匪帮的出现使得很多作者怀疑人生,明明之前的剧情就不是这样的,怎么变成这样了,回头再改的成本太高索性就弃文扑街。在查明原因后,某K召集公司技术部加厚每本小说的防火墙。但最终总能被改匪帮的黑客一一破解。无奈之下,某K派出小说警察前往小说内部大肆抓捕改匪。 # 知名女团成员——夏春芹从经纪公司解约失败,高额违约金早已超出她可承受范围,走投无路的时候,民间借贷公司的业务员把她推荐给了‘改匪帮’。 # “夏春芹从实招来吧,你的上级是谁?” “许警官,你耳朵有病吧?我说了一百遍了,没有组织!”一位天才少年,因为一次特殊的案件,他的一翻话给了刑侦队长一个方向。他的每次分析总是雪中送炭。逍遥江湖客,为世界和平努力
衡水网站建设最新报价怎么管理网站添加代码 网站建设心得 南昌的网站推广公司 网络安全网络空间 网络营销可以自学吗 常州制作网站信息 1号店营销 网络公关营销公司 深圳品牌网站推广唐山网站搭建 惠州网站建设公司 事业不顺的职业规划【www.richdady.cn】 改善脑部不清晰的方法【www.richdady.cn】 感情纠纷的真实案例有哪些?咨询【www.richdady.cn】 不爱读书【www.richdady.cn】 忧郁症的案例分享【www.richdady.cn】 冤亲债主的干扰与因果咨询【www.richdady.cn】√转ihbwel 前世老公的前世记忆威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 事业不顺的职场提升路径有哪些?咨询【www.richdady.cn】√转ihbwel 大龄剩女的婚恋经验有哪些?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世今生的改命方法咨询【微:qq383550880 】√转ihbwel 儿子不读书的原因分析【σσЗ8З55О88О√转ihbwel 感情纠纷的前世记忆威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婚姻生活不顺的自我提升咨询【www.richdady.cn】√转ihbwel 冤亲债主干扰的化解仪式【微:qq383550880 】√转ihbwel 前世老公的前世故事【企鹅383550880】√转ihbwel 大龄剩女的前世记忆咨询【企鹅383550880】√转ihbwel 与男友前世的前世解析【企鹅383550880】√转ihbwel 莫名其妙感伤的案例分享【www.richdady.cn】√转ihbwel 外灵干扰的真实案例分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 人际关系不好的咨询技巧咨询【σσЗ8З55О88О√转ihbwel 东台网站建设 南昌网站建设 企业网络安全设计方案 我与网络安全 网络安全产品目录 网站建设售前说明书 信息安全等级保护官网 湖南的商城网站建设 网络安全的话 网站建设与推广推荐 网络与信息安全知识 第四课 网络安全 三门网站制作 厦门网络推广建网站 xcon安全焦点信息安全技术峰会 网络营销的方法 办公网络安全建设 对网络营销的建议决策 五级网络安全状况 信息安全讲师认证,-1 公司网站重新建站通知 网站建设心得 国际信息安全联盟 北京专业网站建设 网络安全人才需求讲座 南昌网站建设 马建峰 信息安全 信息安全 logo 网络安全产品目录 网站备案时间 武汉 信息安全 京东网络营销手段分析 属于网络安全服务 网站空间免费 网络营销最大的优势 营销的投入 营销的投入 1号店营销 如何报考网络营销师 三门网站制作 提供佛山顺德网站设计 网络安全监察支队 2017 网络安全周 衡水网站建设最新报价怎么管理网站添加代码 什么是网络安全 网络间接营销 网络营销服务专家 信息安全 logo 关于加强网络安全有何意义 山西网络营销推广 网络与信息安全知识 网络营销最大的优势 长春网站设计 web网络安全培训机构 酒店信息安全 网络营销的相关案例 初级信息安全测评师 专业的营销型网站 青岛专业餐饮网站制作 网络公关营销公司 网络安全的要求 惠州网站建设公司 网站建设与推广推荐 深圳 企业网站建设 网络安全编程 网络安全测试报告 电子政务网络安全现状 网站建站前期准备工作 网站建设公司是什么 银行 网络安全主任 云大信息安全 江苏省信息安全测评中心 网络安全态势感知系统 衡水网站建设最新报价怎么管理网站添加代码 公司网站设计方案 兰州网站建设 网络安全包含哪5个 企业网络安全设计方案 乌克兰事件 信息安全 免费网站设计 网站建设与推广推荐 我与网络安全 营销的投入 京东网络营销手段分析 京东网络营销手段分析 办公网络安全建设 电子邮件营销的缺点 乌克兰事件 信息安全 国际网络安全比赛 深圳手机网站开发 租车网站建设 昆明的房产网站建设 日本国家信息安全战略 马建峰 信息安全 国际信息安全联盟 提供佛山顺德网站设计 文昌网站建设 网站建设颜色注意事项 兰州网站建设 网站备案时间 企业营销平台 无锡网站制作排名 东台网站制作 常州制作网站信息 网络公关营销公司 北京专业网站建设 优设网站 网络安全产品及服务 提供佛山顺德网站设计 江苏省信息安全测评中心 电子政务网络安全现状 互联网营销培训 东台网站建设 全网营销推广 信息安全防护相关产品 联想网络营销案例分析 联想网络营销案例分析 东台网站制作 有国家认证的网络安全认证的 数据恢复公司 电子政务网络安全现状 网络安全网络空间 网站方案书网络管控和信息安全,-1 中国石油信息安全 微信网络营销工程师 在百度上建网站 2017 网络安全周 网络营销的方法 网络营销可以自学吗 山西网络营销推广 日本国家信息安全战略 网络安全产品目录 广东市政府网站信息安全 互联网营销的主要优势网络安全监测方式 深圳品牌网站推广唐山网站搭建 租车网站建设