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
电商营销教学百度知道营销专家深圳h5网站公司深圳营销手机深圳专业集团网站建设网络营销课程网络事件营销的优点第五届网络安全会议网络安全相关的网站深圳营销手机 普通版本简介:陆有恒在陪女朋友逛街加班途中,撞到一根诡异的电线杆上重生了。重回十年前大一入学之际,平平无奇(俊雅清逸)的陆有恒只想通过前世记忆经验,合理安逸轻松地做个普通人。 装逼版本简介:数学分析习题中神秘遁去的“三”,开启了陆有恒的玄妙装逼之路,“鸿蒙剖破玄黄景,又在人间治五行。度得轩辕升白昼,函关施法道常明”的太上道祖,与陆有恒究竟有何关联? 东方曜穿越洪荒,投靠刚建立不久的天庭,成为一名扫地仙。 同时获得签到系统,只要在不同的地方打卡,就可以拿到系统奖励。 “叮!恭喜宿主遣云宫打卡成功!” “获得大道玉佩!” “叮!毗沙宫打卡成功,获得【八九玄功】。” “叮!五明宫打卡成功,获得圣龙仙丹!” “叮!兜率宫打卡成功,获得先天灵果一枚。” …… 就这样,东方曜在众仙无视中在天庭签到了几百年。 直到有一天,下界妖族举兵来袭,天庭无人能敌。 他们一路杀到了凌霄宝殿,遇到了正在扫地的东方曜……月高悬于空,星不见其影。 沉眠的暴君从历史中苏醒,漆黑的双翼划过破晓的黎明;巍峨古堡跨越了尘封的的记忆,矗立在洛尔维亚的群山之巅。 当头戴王冠的公主睁开双眼,从死亡归来的旅人重新握住剑柄—— 国王湖的水面不再平静,却依旧深不见底。天下风云出我辈,一入江湖岁月催。诸国混战,百姓十室九空,齐国将门之子嬴姬率领秦国军队荡平七国,席卷八方,此过程可谓是皇图霸业谈笑中,不胜人生一场醉! 在这没有修炼体系的龙渊大陆中,强与弱只有通过打斗才知道。 古话说得好,一将功成万骨枯,且看嬴姬是如何一步一步地走到最后,吞并七国,一统龙渊! (首创真武流小说,世界观基于武侠又高于武侠,低于玄幻的小说体系。) 苏石魂归异界,认识许多有趣的人,却似乎陷入一个又一个陷阱。如何在重重危机中脱身,亲爱的人一个个死去,自己却苟活于世,活得不明不白,他又如何解开这些谜团?一个人,一座城,一段不朽的传奇,一步一步走向最高的巅峰。清玄父母在小时候神秘失踪,为了解开谜团,他跟着师傅李闻道学习七年,直到一天师傅交给他一个任务,他的生活开始与过去接轨,事情的真相逐渐浮出水面,他也因此接触到了以往不为人知的世界,基因药剂,生物兵器,变异种族等事件不断出现,清玄以及他师傅又会怎么去应对呢……兽神紫林转世到地球成为了罗煌;一个强者的故事。七十年代,在贫困的山村,六个小伙伴的真实故事。 他们在现实的生活中挣扎着;不同的家庭命运,造就了他们不同的性格,也走出了不同的人生道路…… 其中,以贫困家庭出生的刘毛毛为主,汝汝、高高……,以及自己的妹妹为辅,展开那个时代的人生经历; 刘毛毛一个天资聪颖的孩子,因为父母是残疾,导致孩子忍饥挨饿,为口吃的逐渐养成偷盗习惯,但是,他极力想改掉以前的毛病,努力学习,以知识改变命运,事与愿违,父亲的左腿逐渐恶化,危及生命,在没有钱医治时,依然走向了偷盗而失去学业……; 三圣从小是个音乐怪才,脑子却对数学失去记忆,老师发现后义无反顾的忙碌着救治三圣的记忆,在落后的农村老师的举动被视为神经不正常,还有认为是骗钱,被汇报到公社,教育部门,老师被处分而告终;高高家庭条件相对优越,经过努力学习考上大学; 汝汝因为父亲离婚导致家庭破裂,失去上学信心,而流浪到社会上……。踌躇满志考大学,不想2022高考竟是如此之难!考完英语那天下午,林易仰天长啸,痛哭流涕!无颜回去面爹娘,只能凭着手机缓解心绪,谁想一场奇异正向他驰来……
网站的目录结构 全国信息安全服务公司排行 无线网络安全要求 与网络营销相关的书籍 提升网络安全管理水平 网站定做 福州微信营销培训 专业开发网站公司 网络营销干嘛的 南京做网站的有哪些 儿子抑郁症的康复训练【www.richdady.cn】 婴灵的超度方法有哪些?咨询【www.richdady.cn】 儿子不读书的心理调适咨询【www.richdady.cn】 如何超度婴灵?咨询【www.richdady.cn】 特殊学校的案例分享【www.richdady.cn】 前世老公的前世解析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 财运不佳的财富转运方法有哪些?咨询【微:qq383550880 】√转ihbwel 亲子关系的心理建设方法有哪些?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 感情纠纷的情感调解技巧有哪些?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份的前世故事【www.richdady.cn】√转ihbwel 感情纠纷的解决技巧【www.richdady.cn】√转ihbwel 灵魂化解咨询【σσЗ8З55О88О√转ihbwel 缺心眼的环境影响咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与老公前世的因果关系咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 如何改善人际关系【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 成人发育倒退的可能症状威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生的故事如何改变命运?咨询【微:qq383550880 】√转ihbwel 升迁障碍的职场瓶颈如何突破?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 冤亲债主的干扰影响【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婴灵的安抚有哪些实用技巧?咨询【企鹅383550880】√转ihbwel 风云网络信息安全渗透测试课程 营销型企业网站建设教案 昆明做网站哪家好 网站设计验收 医疗营销网 信息安全事件预警等级 2016网络安全教师 响应式网站设计的要求 技能竞赛信息安全人才 长沙网站空间 南宁市网站建设哪家好 公司信息安全部,-1 微信营销的成本 免费企业网络安全系统 omg网络安全团队是什么 网站设计 广西 福州微信营销培训 中国网络安全中心 网络安全信息工作协会 网站的目录结构 网络营销宣传推广方案 网络营销网站规划建设 重庆綦江网站制作公司推荐 小区社群微信营销 深圳h5网站公司 深圳营销手机 深圳h5网站公司 网络安全监测报告 网络安全从业学习指南 温州网站建设 遂宁网站建设 移动网络安全前景 营销式网站制作 网络事件营销的优点 昆明网站建设报价 重庆綦江网站制作公司推荐 大学生网络营销策划书 win8+网络安全密钥 2012年网络安全大事件 企业信息安全峰会,-1 2017 网络安全 宣传 北京信息安全认证中心 呼和浩特网站建设 高端网站设计公司 与网络营销相关的书籍 建个简单网站 快速网络营销 网站的排版 网路营销微观环境 网站设计验收 信息安全是什么系 内网信息安全 ppt 网络安全同担 医疗营销网 中国网络安全中心 信息安全风险管理策略 网络安全测评方法 信息安全事件预警等级 镇江企业网站建设 网络安全未通过认证 网站的优点 2016网络安全教师 网站设计验收 南阳做网站 服务类如何做网络营销 响应式网站设计的要求 网络营销的企业排名 网站建设合同 下面不属于计算机信息安全的是 技能竞赛信息安全人才 app网站制作 中企动力官网网站 陕西省网络安全峰会 长沙网站空间 全面的移动网站建设 陕西省网络安全峰会 响应式网站设计的要求 南宁市网站建设哪家好 建电影网站 网络安全什么培训好 win8+网络安全密钥 公司信息安全部,-1 上海整合网络营销公司 网络营销 实践 网络营销课程 微信营销的成本 关于网络安全的新闻 营销式网站制作 建网站哪家好案例 免费企业网络安全系统 建个简单网站 永川做网站的 网络安全方面的职业 omg网络安全团队是什么 信息安全——企业抵御风险之道 网络安全艺术字 点网站建设 网站设计 广西 通信网络安全技术 网络安全类网站 中企动力官网网站 福州微信营销培训 无线网络安全要求 通信网络安全技术 信誉好的龙岗网站制作 中国网络安全中心 网络安全宣传要求专业的西安免费做网站 信誉好的龙岗网站制作 建立免费公司网站 网络安全信息工作协会 专业开发网站公司 大连网站优化公司 技能竞赛信息安全人才 网站的目录结构 公司营销目标市场 网络推广整合营销 北京信息安全认证中心 防火墙与网络安全的关系 网站优化的图片 重庆网络营销有限公司 xx有限责任公司网络安全解决案例 网站群方案 南宁市网站建设哪家好 营销型企业网站建设教案 快速网络营销联系电话 全球网络安全500强 重庆綦江网站制作公司推荐 做网站创意 昆明做网站哪家好 青岛高端网站开发公司 百度知道营销专家 营销销售的区别是什么意思 信息安全编程语言 网路营销微观环境 信息安全设备选型