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
苏州网络安全作业奶粉微信群营销方案宝鸡网站建设教育行业信息安全方案建网站教学网站建设有模板吗基于html5设计的网站建设温州网站优化企业网站建设定制网络安全集中监控武神,是所有人都想达到修为高度,成为武神,便可傲视整个世界。但云飞所处的那一片大陆因一场前所未有的大战倒退了不知多少年,为了打破禁锢,他带领伙伴们毅然踏上那条虚无缥缈的成神之路,去寻找大陆传说中的神器,却发现一个巨大的阴谋。那个让世界陷入绝境,让人恐惧胆颤的女人即将重回大陆,她的名字让所有人为之颤抖,她是那个站在武神之巅的人,拥有大陆最强武器,一招便可灭世,出现即是末日,而一切都压在了他的身上..冷风如刀,以大地为砧板视众生为鱼肉;飞雪似剑,以苍穹为帷幔斩现实为红尘。 天下纷扰由剑起,世间忧愁识字出。 吾愿以己为祭品,换得世间永太平。 【新书发布,只为创造经典】东汉末年,汉室崩塌。 刘闲意外穿越到这乱世,开始一段传奇人生。 利用遥遥领先这个时代的知识,收名将,戏红颜,混的风生水起。 同时训练出一支傲视当世的铁血精锐。 刘姓为王,大浪淘沙。 待一切尘埃落定之后,一个完全不同的大汉帝国重新出现在了大地的东方。历史不止数千年,更有上个纪元的故事被埋藏。 一场发生在偏远地区的微震让埋在地下数万年前的的府墓有了缺陷,一个二流子抱寻为脏物藏地想法,偶然发现了山体下这小山洞的不凡,隧道中数百米竟直通无碍。 故事就在两位男子兼职摸墓开始,偶然唤醒上个纪元的一位…… “世人酷爱倒墓,为墓掘地三尺却很少人知道,真正的墓,在百米之下……”老头抽旱烟摊在村中木椅子同人狂谈。拥有意识,四肢,彩,等而成为人你可能并不知道,你的基因中藏着怎样的秘密。它就像藏在你内心的深处的猛兽。当面临绝境时,它们就会如困兽出笼般被释放。 沈弋、白铭、齐方想三人在一个偶然的条件下被召唤进了一个名为“主神空间”的轮回死亡游戏,在这个游戏中,“玩家”会被不断送入名为“死亡幻境”游戏场景之中:进入病毒肆虐的城市击杀丧尸,于失落的海底王国探寻宝藏,在霓虹闪烁的赛博都市里反击人工智能,穿越奇幻的魔境阻挡黑暗入侵,又或是潜入百年前雾气弥漫的夜色中追察著名的连环杀人魔……完成场景目标即可获得奖励强化自身,但如果在游戏中死亡就会被系统抹杀。在这危险的游戏里三人很快就意识到,除了各种怪诞奇幻的场景,更多的危险其实来自主神空间里的其他人,各方势力藏龙卧虎、明争暗斗,被卷入其中的三人又该如何突破眼前的绝境?生死抉择,爱恨纠葛,主神空间存在的真正目的又是为何,一切的疑问都能“无限绝境”的世界里找到答案。 2004年夏,出生在北方某省农村的帅气小伙墨方,在高三、高四复习多年后,终考上南方一所重点大学,父母热泪盈眶,携手跪谢老家祖坟上那两棵茁壮大葱,他也第一次踏上火车,开始了遥远求学之路,等待他的将是那悠闲得要死的校园生活和内心无比渴望的爱情,还有毕业后那精彩曲折的诗和远方………在地球结束千年的内战,面向宇宙发展的时代之后,科技在不断进步,能源也在不断替代,同时新的危机也在悄然降临,为此地球一些预知者集结了财力人力,提前创建了一支名为守护的组织,提前代替军队同那些侵略异端生命体战斗,在条件达成后开始下一阶段守护人类的计划。 联系qq:3220027841他在深海铜棺中沉睡了万年,此刻他醒来了,他手执弑天刀,对着污浊的苍穹呐喊:“若天道不公,我便踏碎这虚空!”人生不止有眼前的苟且,仔细看,还有更远的...... 读者群:913285821
计算机网络安全测评师 中小型企业网络安全和管理 自助外贸网站制作 网络安全实际案例及分析 网站背景 电商营销可以自学吗 中国顺德手机网站设计 内容营销优势 网络安全的案例题 信息安全的层次化特点决定了应用 儿童发育倒退的原因咨询【www.richdady.cn】 学习成绩差的辅导方法【www.richdady.cn】 前世老婆的前世案例咨询【www.richdady.cn】 与男友前世的咨询技巧咨询【www.richdady.cn】 灵魂化解与心理疗愈【www.richdady.cn】 亲子关系的教育策略威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 缺心眼的心理调适咨询【σσЗ8З55О88О√转ihbwel 升迁障碍的前世因果咨询【企鹅383550880】√转ihbwel 内心恐惧胆怯的自我提升【企鹅383550880】√转ihbwel 儿童发育倒退的原因咨询【企鹅383550880】√转ihbwel 孩子压力大的案例分享咨询【企鹅383550880】√转ihbwel 特殊学校的前世因果咨询【企鹅383550880】√转ihbwel 冤亲债主的干扰与化解技巧咨询【www.richdady.cn】√转ihbwel 脑部不清晰的心理调适咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 工作场所意外事故的原因咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 过世前可能出现的征兆咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生的轮回有哪些科学依据?【企鹅383550880】√转ihbwel 升职加薪的障碍分析咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 内心恐惧胆怯的心理调适咨询【微:qq383550880 】√转ihbwel 投资项目的财务规划咨询【企鹅383550880】√转ihbwel 定西网站建设 429网络安全日 百度 网络安全思考 幼儿园网站设计 怎么设置网站栏目 网站网页设计公司 信息安全实验平台 重庆商城网站制作报价 福州医院网站建设公司 金华安信信息安全检测技术有限公司 国内网络安全公司介绍 鹤壁网站优化 南通网站建设 网络安全集中监控 外贸事件营销案例 中国网络安全归谁管理怎样建设网站 广州手机网站制作咨询 网站怎么设置支付 乐清网站优化推广 基于html5设计的网站建设 app互动营销策划 企业可以申报的信息安全证书 无锡建网站 广州网络安全大会 企业标准型手机网站 网络安全认证培训 自助外贸网站制作 商丘做网站哪家好网站动效 长沙营销型网站设计 工业控制系统信息安全国家工程实验室 网络安全的案例题 电商营销可以自学吗 广东省网络安全应急平台 中国信息安全 杂志信息安全及其解决方案 全国信息安全法规 网站乱码 网站乱码 万户网站制作 淄博网站制作 重庆信息安全评测 什么叫b2b营销模式 国家信息安全局网站 网站制作公司 企业可以申报的信息安全证书 中国顺德手机网站设计 自由型网站 信息安全管理的基本任务 airbnb营销环境 网络信息安全举报 网络信息安全产品 信息安全网址 幼儿园网站设计 国际营销法 福永做网站 九江网站建设 营销学知识 计算机网络安全测评师 温州网站优化 网站建设成都公司 企业网站建设定制 企业网络安全防护手段 鹤壁网站优化 网络营销与网络广告 网络安全应急响应时间 东莞网络营销企业网络联合营销案例 广州网络信息安全有限公司,-1 信息安全竞赛证书 网络营销的新闻 网络营销的新闻 中国顺德手机网站设计 外贸家具网站首页设计 问答营销的平台有哪些 广州网络安全大会 杭州网站建设开发 池州网站建设 房产网站建设 2017 网络安全会议 许可email营销的功能 济南网站制作设计公司 中国网络安全归谁管理怎样建设网站 免费建设网站平台 福州搜索引擎营销 广州网络信息安全有限公司,-1 海口做网站 网站名注册 科技公司网站设 信息安全 活动视频,-1 福州医院网站建设公司 中山网络营销 大学生网络安全实例 美国 关键基础设施 网络安全 网站网页设计公司 上海天融信网络安全技术有限公司 《家装公司营销教程》 自由型网站 苏州有哪些网站制作公司 大学生网络安全实例 厦门手机网站建设公司 无锡建网站 网站建设成都公司 网站建设的 2017 网络安全会议 airbnb营销环境 苏州网络安全作业 网络安全管理实践 深圳市珠宝网站建设 网络安全防范技术 访问京东为网站选择5个核心关键词和30个长尾关键词? 邵阳做网站 杭州高端定制网站 金华安信信息安全检测技术有限公司 网站的大小 在网站上显示地图 计算机网络安全测评师 网站网页设计公司 微信支付 网站建设 神州网络安全 2010年网络营销关键词 自助外贸网站制作 中山网络营销 信息安全cisp 网站稳定性 长沙营销型网站设计 网络安全日志跟踪诊断 广州手机网站制作咨询 新产品拓展 信息安全,-1 许可email营销的功能 现代感网站 网站稳定性 第四届网络安全周2017年9月 网络安全认证培训 美国 关键基础设施 网络安全 互联网营销工作简历 邵阳做网站 中国网络安全归谁管理怎样建设网站