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
长春制作网站深圳全网营销总裁班2015年网络安全漏洞网络安全举报广州营销公司有哪些公司网络安全信息分析报告网站免费搭建陕西信息安全管理体系网络营销的特点和功能4c营销理论的沟通策略身为一个医生,能做得如此率性,不是家中有矿,便是头上有人。但戴顶明明看起来两者都不占,偏偏竟能够顶天顶地顶空气,不得不说是个奇葩。靠着超凡医术,他能挣来矿,也能争来人。 “便宜老爹,给我三百万。” “做梦。浑小子,你不是一直叫嚣要自食其力,不靠你老子我么?这会怎么又来讨钱?脸都不要了?” “我要脸,但你不想要儿媳?” “儿媳?赶紧给我带来!只要我满意,别说三百万,三亿也给你!” “她得了绝症,算我向你借的。” “三块也没。” “我能医。” “那你爹我看了再说。”网瘾少年林徉魂穿大武朝,凭借着网上冲浪的经历纵横武朝! 造纸?我会古法造纸; 赶海?这个季节的沙滩有很多花旦蟹; 行医?脸上出现蜘蛛斑,一抹无痕。 …… 一次旅行,游轮沉没,幸存者流落荒岛,鹭洋与护士馨可经历重重磨难,在荒岛上上演着一幕幕绝命逃生的故事……简介:穿越平行世界,许聪收获了一个可爱的女儿。 可还没等到好好疼爱,女儿就被逼捐,被体罚。一怒之下,拥有系统的许聪,叫来了娱乐圈的一位天皇巨星! “敢欺负许先生的女儿,你这辈子就生活在阴影中吧!” 从此,许聪一边和小姨子带娃,一边靠着系统,在娱乐圈迅速崛起。 歌后,影帝,顶流,想得到我的指点帮助,成为我的门徒?先问问我乖女儿再说! 宣传、策划、投资,想开会和我商量一下?等着,没时间,没看我正陪女儿看喜洋洋呢吗? 乖女儿,来,亲一个!mua!林逍遥穿越到妖魔神佛并立的异界,开局统死机,被困十里坡刷了十年怪。十年后,系统重启,踏入江湖。竟发现自己能看到别人头顶的血条!且只要让对方掉血,就能获得经验值,抽取宝物!比如能够强行聚灵且强制击飞敌人的【聚灵小手套】、一戳就算钢铁直女也能变娘的【娘娘枪】、套上就能隐身的【丝袜头套】、包治百病的【药王身上搓下的泥球】……本书永久免费,求留言评论 穿越到自己写的修真世界 发现却已经演变两千多年 完美错过了修真完美盛世 书中主角又在何方,他有没有飞升,却不得而知 与自己书写修仙世界有着天壤之别 作者帅恒天只能依靠自己 开创仙宗 既然错过了盛世,那自己开创新的盛世一辰,你们家的床大不大呀,介不介意小女子们在此借宿一宿呢 你穿上衣服的样子真好看呢,你也是不穿更好看! 美女事业两不误,他全都,要要要!!!一个巧合,一段经历。野微微因为一次意外被卷进了一个匪夷所思的世界。本是一个刚上高中的女孩确拥有了一种神奇的能力。古一白这一生运气很好,有爱人,亲人,知己,红颜,朋友,兄弟,…… 也守护了很多,失去了很多!七十年代,在贫困的山村,六个小伙伴的真实故事。 他们在现实的生活中挣扎着;不同的家庭命运,造就了他们不同的性格,也走出了不同的人生道路…… 其中,以贫困家庭出生的刘毛毛为主,汝汝、高高……,以及自己的妹妹为辅,展开那个时代的人生经历; 刘毛毛一个天资聪颖的孩子,因为父母是残疾,导致孩子忍饥挨饿,为口吃的逐渐养成偷盗习惯,但是,他极力想改掉以前的毛病,努力学习,以知识改变命运,事与愿违,父亲的左腿逐渐恶化,危及生命,在没有钱医治时,依然走向了偷盗而失去学业……; 三圣从小是个音乐怪才,脑子却对数学失去记忆,老师发现后义无反顾的忙碌着救治三圣的记忆,在落后的农村老师的举动被视为神经不正常,还有认为是骗钱,被汇报到公社,教育部门,老师被处分而告终;高高家庭条件相对优越,经过努力学习考上大学; 汝汝因为父亲离婚导致家庭破裂,失去上学信心,而流浪到社会上……。
上海信息安全公共服务平台 国家信息安全网络小组 网络营销企业 西电的信息安全专业排名 信息安全能进什么单位 网络营销有什么性质 青岛个人网站制作 滁州网站设计 雄安网络营销外包 科技与营销 有官司的原因分析【www.richdady.cn】 老公家暴的咨询技巧咨询【www.richdady.cn】 家宅磁场的检测工具【www.richdady.cn】 如何判断自己是否被冤亲债主干扰?咨询【www.richdady.cn】 莫名其妙感伤的解决方法【www.richdady.cn】 事业不顺的职场建议有哪些?咨询【www.richdady.cn】√转ihbwel 精神不振的咨询技巧咨询【微:qq383550880 】√转ihbwel 如何克服“缺心眼”的问题【www.richdady.cn】√转ihbwel 大龄剩女的改运方法【www.richdady.cn】√转ihbwel 与老公前世的因果关系【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 孩子学习不好的心理调适咨询【σσЗ8З55О88О√转ihbwel 前世缘份的缘分解读【www.richdady.cn】√转ihbwel 前世今生的轮回真的存在吗?【微:qq383550880 】√转ihbwel 脑部不清晰的前世记忆【www.richdady.cn】√转ihbwel 脑部不清晰的前世记忆咨询【企鹅383550880】√转ihbwel 婚姻生活不顺的环境影响咨询【σσЗ8З55О88О√转ihbwel 感情纠纷的情感修复方法有哪些?【微:qq383550880 】√转ihbwel 心慌胸闷头晕的医学检查【σσЗ8З55О88О√转ihbwel 与男友前世的前世案例咨询【www.richdady.cn】√转ihbwel 前世今生的故事解析咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 网络营销有什么性质 网络安全技术大赛 网站最合适的字体大小 乐清做网站的公司有哪些 频率营销几级 下列不属于搜索引擎营销管理分析的是 网络安全 注意事项 网站改版 信科网络 网络安全防御系统 信息安全等级测评公司 广告营销 大学生网络安全 网络安全设计级别 上网时为何要重视网络安全 网络信息安全认证 营销推广思路 网络营销的优点 太原网站设计 武汉本土互联网站 h5case什么网站 网络安全检查总结万能 营销报价 济南网站建设 昆明建网站要多少钱 商城网站内容模块有哪些 网站设计和制作费用 设计网站考虑哪些因素 广告营销 美国 信息安全 网络安全技术大赛 网站总类 网络营销有几个阶段 病毒营销的传播机理网络安全偷取手机内的信息 gartner 信息安全,-1 陕西信息安全管理体系 青岛网站设计哪家好 长春制作网站 网络安全举报 网站建设和优化的好处 东台建网站 长沙市做网站的网站 上海网络安全会议2017 中国计算机网络安全年会 全平台营销 新闻营销稿 做网站品牌 网络安全 百度网盘 调兵山网站 网络营销企业 中国计算机网络安全年会 网站管理公司 大学生网络营销方案 2017年网络安全事故 2017年网络安全事故 湖南网站推广 东莞网站建设哪家好 大型网站建设 网络信息安全公司 国家信息安全网络小组 上海信息安全公共服务平台 病毒营销的传播机理网络安全偷取手机内的信息 北海网站建设 网络营销的营销对策 网络安全 国际标准 gartner 信息安全,-1 网络安全态势感知架构 网络直播营销常见方式 新闻营销稿 2015年网络安全漏洞 安全架构和信息安全的差异 网络安全企业协会 网络安全检查总结万能 上海网络安全会议2017 东莞网站建设哪家好 网站栏目排序 网络社区营销的技巧 微博话题营销方案 信息安全认证考试报名 武汉本土互联网站 软件注册信息安全 网络安全 百度网盘 网络安全软件开发复旦研究生 信息安全 网站制作合同 网络营销的特点和功能 风险管理与信息安全 国际信息安全专家,-1 川大网络安全空间学院 信息安全造成 济南微网站 免费造网站 合肥网络安全公司排名 太原网站设计 网络安全设计级别 4c营销理论的沟通策略 网络安全培训培训机构 广州营销公司有哪些公司 网络安全相关活动 海尔企业的营销文化 仿网站建设 深圳网站建设公司平台 网站建立 营口网站建设 gartner 信息安全,-1 医院网络安全解决方案 大学生网络营销方案 病毒营销的传播机理网络安全偷取手机内的信息 手机网站生成app 网站最合适的字体大小 陕西信息安全管理体系 媒体营销专业的好处 上海网络安全会议2017 网站管理公司 信息安全等级测评公司 旅游网站建站 信息安全等级测评公司 网络安全检查总结万能 设计网站考虑哪些因素 网站b2c的营销方案 医院网络安全解决方案 新媒体营销的成功案例 外贸营销实战教程 外贸营销跟国内营销最大的不同之处是 网络营销完善经营策略 网站管理公司 软件注册信息安全 2017年网络安全事故 自动群发营销软件 系统网站 网络营销有几个阶段 滁州网站设计 昆明建网站要多少钱 信息安全博士 招聘,-1 信息安全 等级评估 网络安全法 好处 网络安全法 好处 网络营销的营销对策