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
网络与信息安全研究生绿盟cncertcc网络安全应急服务支撑单位资质营销型高端网站建设2017优秀网站设计案例阐述我国互联网网络安全形势网站信息安全通报制度张家港杨舍网站制作成都品牌整合营销首都网络安全论坛 绿盟网络营销战略特点是什么意思网络信息安全综合实验平台网络安全监测方案顾潇一次意外穿越到了500年后,获得了没有名字的系统,可以通过抽奖、签到、做事,获得奖励,并且能量值可以兑换很多物品,更为逆天的是,只需要交好或收服一名系统拥有者,就能选择此人所系统的一项功能。 然而五百年后的世界,顾潇无一不感觉陌生,米国研究出了超级士兵血清,西盟研究出了生物基因改造。而夏国在2030年在多个科技领域领先米国,使得全球将要打破的和平又一次回归和平,几百年的发展,各小国附属大国。而世界前方的强国,已经征服了火星,使火星改造成了宜居星球。至于远一点的颗星球,正在被机器人们不断的挖掘着…… 癌将被攻破…人类平均寿命延长至100岁,长命百岁已经不是说说。 后来顾潇发现,不只是他穿越了500年后,甚至还有2100-24年的,不仅如此,穿越者、重生者、轮回者,都将出现。 顾潇获得系统在这个世界的第一个任务就是掌握整个太阳系,而多年后将会有外星种族来临!不会有什么抹杀惩罚,没有被制定的命运走向高阳原本是个蓝星的雇佣兵,在一次执行任务中来到了金庸武侠世界--神雕。 在神雕世界中获得武林中人梦寐以求的武林秘籍,左手六脉神剑、右手降龙十八掌,年纪轻轻就达到别人一辈子的成就, 一个小小的蝴蝶能带动多大的效应?神雕世界因为高阳的到来又会有什么样的变化?神雕中的爱恨情况是否因为高阳的到来而改变? 让我们走进神雕世界,看高阳如何在江湖中翻云覆雨~~~~~ 各位书友要是觉得《神雕之我是大魔王》还不错的话请不要忘记向您的朋友推荐哦高三少年带妹妹游玩,偶遇老翁,打开新的大门,双双拜其为师,获得机缘,从此开启修仙之路……大場鉄人在日本琦玉国立高中度过日复一日的平凡的日常的时候,一场突如其来的突变,“转生”,迎接他的将是来到奇幻的中世纪魔法时代,看我们主角如何一步步探索新世界!十六年前,他一家三口被人陷害。 父母惨死,他被医仙所救。 十六年后,他奉师父之命下山。 入赘宁家,成为豪门赘婿。 他武道称雄,医术通神。 身为赘婿,却狂放不羁! 为爱你,我甘做赘婿! 为护你,我愿举世为敌!在这个超能力者们的世界里会发生怎样的事情。 超能力的大战一触即发。 在人山人海的都市里,有着各种各样的超能力者 未解之谜的失踪案,各种超能力者杀人犯,失踪案的背后会隐藏怎样的阴谋........... 纪元前的黑暗业已为记忆淡忘,铭记下来的是牺牲,是荣光,是万古的传承。 弹指河山破,挥手江山易的人物早已远去,留下破碎的河山,易道的江河,龟裂的大地…… 一个伟大的人物,造就一个时代;一个致命的错误,毁灭一个时代;一次偶然的相遇,再次开启一个时代。尘世浑浊,妖鬼横行,生灵涂炭,唯有杀戮,才能横推此界。满堂花醉三千客,一剑霜寒十四州。 觉醒了【无上剑心】的落魄皇子段宗成为了天山剑派的观剑弟子,手握灵剑,他能看到剑中蕴藏着的人生大道。 手持千万灵剑,掌握千万剑意。 【白打流派,无双剑道,灵剑名曰‘开山’】 【 洞虚万法,诛杀奸邪,灵剑名曰‘诛邪’】 【长生不死,永存不灭,灵剑名曰‘不朽】 观剑百年,修行百年,一百年光阴,从无名小卒到不朽剑帝,段宗见过前来偷取灵剑的异国皇子,得到过段宗的指点,也见过重返天山剑派的妖女得到过段宗的赏赐,百年之后,天帝去世,天牢妖魔重现天下,剑派危在旦夕,千钧一发之际,段宗带着不朽剑走出剑阁。 “本帝在此,狼狈为奸者,谋权篡位者,倒行逆施者,妖言惑众者,都要死!” 道听途说、亲身经历,供各位看客茶语饭后消磨无聊的时间…
云大信息安全 网络安全条例 翻墙 信息安全审核员薪资,-1 网络安全审计系统选型 工控网络安全学院 网站开发平台 网络与信息安全研究生 网络信息安全综合实验平台网络安全监测方案 上海网站推广 互联网信息安全产品分类 磁场化解服务【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 性压抑的自我提升咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 冤亲债主干扰的化解仪式咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生的轮回真相【微:qq383550880 】√转ihbwel 内心恐惧胆怯的前世记忆【微:qq383550880 】√转ihbwel 前世缘份的前世解析【www.richdady.cn】√转ihbwel 婴灵的预防措施威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 意外的前世影响咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 意外的前世记忆咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生测试在线咨询【企鹅383550880】√转ihbwel 冤亲债主干扰有哪些症状?【σσЗ8З55О88О√转ihbwel 失业的自我提升【σσЗ8З55О88О√转ihbwel 家庭关系的情感维护方法有哪些?【www.richdady.cn】√转ihbwel 网络安全资讯网 德阳网站建设 张家港杨舍网站制作 信息安全运维体系建设 如何考取网络营销师 太原做企业网站的 昆明网站设计公司 就百度系而言 哪些能够应用于营销导向宁波网站推广 宝安建网站开发网站需要哪些技术 信息安全检查通讯 国家支持什么等教育机构开展网络安全相关教育与培训 网络安全 安氏 人才 好多词网站 网络效果营销哪家好 网站制作中企动力 网络信息安全综合实验平台网络安全监测方案 2017网络安全会议征稿 500强网络营销公司排名 网站托管费 手机网站设计咨询 title:(网站建设) 阐述我国互联网网络安全形势 网络安全周专题 高端汽车网站建设 信息安全管理体系实... 最新网络安全动态 湖南网站推 网络安全 安氏 人才 好多词网站 网络效果营销哪家好 国家网络安全学院最新 如何考取网络营销师 网站建设服务费标准 信息安全检查通讯 佛山建网站 网站取消备案 网站制作中企动力 信息安全 应急响应与故障恢复 风险评估 2014春浙江大学计算机信息安全 无线wifi网络安全 长春建站网站 昆明网站设计公司 简述网络营销的过程 网络营销渠道竞争激烈 title:(网站建设) 信息安全检查通讯 网络安全周活动 网站建设服务费标准 信息安全管理专员 网站 开发 价格 营销转化率 项目信息安全管理 500强网络营销公司排名 信息安全实验课怎么上 网络营销战略研究 信息安全 应急响应与故障恢复 风险评估 qq飞车网络安全存在风险 长春建站网站 网站赏析 好多词网站 信息安全检查通讯 信息安全产品认证目录 信息安全实验课怎么上 外销网站 全网营销推广 太原做企业网站的 如何考取网络营销师 网上营销的策略方案 网络安全txt下载 信息安全竞赛试题 做网络营销就业前景 全网营销推广 网络安全说明 工业智能网络安全 德阳网站建设 人群营销 信息安全监理业务资质,-1 信息安全 网络安全考试 营销外包 网络安全公司有哪些 网站托管费 网站开发平台 可信赖的手机网站设计 网站排名快速提升 西安交通大学网络安全 网络营销基本内容 2017网络安全会议征稿 网络营销的定价策略有 建网站需要什么 社会化网络营销的特点 网络营销王老吉 500强网络营销公司排名 网络营销战略特点是什么意思 信息安全设施建设情况 外销网站 网络安全组织架构 石家庄网站设计网站维护 网站建设沈阳 宝安建网站开发网站需要哪些技术 互联网信息安全产品分类 上海国家信息安全中心 网站描文本 绿盟cncertcc网络安全应急服务支撑单位资质 石家庄网站设计网站维护 网站建设服务费标准 佛山建网站 太原做企业网站的 个人网站建立步骤 网络信息安全模型 网络营销战略研究 关于建网站新闻 信息安全的文案 政府网络安全中心 信息安全运维体系建设 网站设计 广州 营销转化率 中国信息安全标准 国家网络安全学院最新 网安大队互联网信息安全检查 网络安全审计系统选型 网站响应式和非响应式 组建一个网站 深圳网站建设价格 西安交通大学网络安全 信息安全等级保护网站,-1 网络营销公司多少钱 网络安全组织架构 网络安全威胁解释 品质网站设 云大信息安全 营销系统 湖南网站推 微营销的优点和缺点 网络安全word 无线wifi网络安全