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
linux服务器网络安全病毒式营销缺点信息安全 院士信息与网络安全概述深圳做网站高端网站设计品牌个人信息安全培训通知营销环境网站如何备案网络信息安全趋势图当家族中人与救命恩人都死在自己的面前,我第一次发觉自己的无能 我不是圣人,做不到善良;我也不是恶人,做不到杀戮。 但我明白一个词,杀人偿命。 君子报仇,十年不晚,你们做好被复仇的准备了吗? 35岁的上市公司老总徐登峰意外重生,回到他18岁的年代,一个新的世纪正在冉冉开启,前世没结婚的他看着身边的几个完美女孩陷入万分纠结,该选哪个好呢?福无双至祸不单行。法洛斯大陆先失去了日月陷入永夜,随后势不可挡的冰魔大军又渡海而来毁灭了大陆诸国,奴役了人类一百年。 百年后,一位神秘的青年用火焰魔法驱逐了冰魔,自身化作新的太阳照耀大陆,被人类尊为火神。 但火神未能带来真正的和平。各类魔物仍不断接踵而来,新生的人类帝国培养了有着超人体能、感官的猎魔士。 作为新晋猎魔士的男主角李奥,因解救了在打猎时遭到魔物袭击的皇帝,被皇帝提拔为贴身侍卫。可之后不久,皇帝遇刺亡,公主遭到绑架,李奥被当成了凶手。 在为自己洗刷冤屈的过程中,李奥发现了猎魔士的起源,却也因此使猎魔士和人类对立起来,直至爆发内战。 对人类失望的火神再次现世,企图毁灭一切。在李奥爆发出自身隐藏的未知力量后,火神和战争被阻止了。李奥也为了调查太阳消失的真相,踏上了在穿越世界的旅行…… 本书可能有一些MOD与事实不符,不好勿喷陈阳被困在了一个永远无法逃离的循环里,只要过了情人节的15点15分,他就会重新回到15天前。 陈阳发现他无论做什么,都无法打破这个半个月的循环,所有的一切都会重置。 在经历了震惊、刺激、狂喜、焦虑不安、绝望和痛苦等情绪后,陈阳开始各种作妖,决定把这个世界搅得天翻地覆。 陈阳开始学习各种技能和知识,利用它们去达到自己的目的,也完全不用考虑任何后果的恣意妄为,去成为世界的焦点。 尤其是针对那些为富不仁的富豪和权贵,更是让陈阳兴奋的难以自制。 直到有一天,陈阳掀翻了娱乐圈的时候,却发现循环忽然被打破了.....鲜血淋漓的战场,神秘的第三方势力,未完待续的故事…… 意外穿越进游戏世界的楚昱和盛追,在诧异和激动下开启了他们的游戏人生。 在不断和域界人洛羽的相处下,他们逐渐发现了这个世界里和游戏的不同之处,剧情中的漏洞究竟是bug还是阴谋? 友情、立场。 信仰的冲突下,他们的冒险究竟会如何发展呢。这是未来的某一天,唐亦格被卷入了一场异界比赛之中。这里是我的世界!欢迎各位来到神的游戏!一旦进入比赛将无法回头,除非你在这个看似混乱的世界中成为唯一的胜利者……为了回去,为了朋友,为了正义……《大奉金店》简介,张忠臣穿越到奉天,本想开一家金店,发财过富裕的日子。没想到那时候兵荒马乱,土匪多如牛毛。不拿起枪杆子只有挨欺负的份。张忠臣被逼无奈,只得拿起枪杆子,跟随张大帅闯江湖,不知道他混得如何? 探子来报,报告张队长,有朝廷大官小老婆玉美人玉太太路过此地,我们抢不抢? 张队长回答,抢,不是抢来做压寨夫人,只是为巴结朝廷,为招安做准备。 不知道他们抢到玉美人玉太太没有? 请看《大奉金店》,更多精彩内容都在里面。 一代荣耀战神青面修罗,杨枭,执行绝密任务遭遇反杀,隐忍三年之后蛟龙出海,我的恩人,我可以千百倍的报答,我的仇人,你将承受我的怒火,这一生,仗剑走天涯,唯我独尊!陆冲穿越到与母星似是而非的高武蓝星,觉醒武功自动修炼系统。 纳气诀三百六十五天不间断修炼,修为没有瓶颈; 开碑手知耻后勇,修炼速度翻倍,突破到大成; 金钟罩觉得自己还能抢救,自行推演成为神级武学…… 全球进化,异兽复苏,都是我的菜; 外星文明即将入侵,倒计时十年,请准备迎接; 神明百年后降临,届时将奴役蓝星…… 蓝星只是一级文明? 外星异族:谁说的,站出来试试! 万族入侵,华夏禁行!
linux下网络安全 网络安全办公室王主任 专业的网络营销机构 中国网络安全50强 网络营销中4C的特点 单页网站 网络安全等保测评 湖南网络安全峰会 营销策略案例 网络营销必看 书籍 人际关系不好的原因分析【www.richdady.cn】 家庭关系的和谐共建咨询【www.richdady.cn】 财运不佳的财富增长【www.richdady.cn】 去世的母亲的影响分析【www.richdady.cn】 大龄剩女的婚姻选择【www.richdady.cn】 老公家暴【企鹅383550880】√转ihbwel 莫名其妙感伤的前世因果咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 解梦的情感释放【σσЗ8З55О88О√转ihbwel 去世的母亲的前世解析咨询【企鹅383550880】√转ihbwel 心特别累的案例分享【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 人际关系不好的环境影响【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 如何识别冤亲债主干扰咨询【www.richdady.cn】√转ihbwel 失业的原因分析咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 事业不顺的职场瓶颈如何突破?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世老婆的前世影响咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世老婆的前世故事咨询【www.richdady.cn】√转ihbwel 升迁障碍的改运方法咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 孩子压力大的前世记忆威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 化解婴灵的最佳时间威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与公婆前世的前世缘分咨询【www.richdady.cn】√转ihbwel 华为网络安全测试工具 天津做网站 国际 网络安全竞赛 制作公司网站价格 信息安全主要研究内容 网神secfox网络安全管理系统v1.0有多少兆 网站网页制作公司网站 营销策略案例 辣条的营销渠道 江苏信息网络安全协会 营销网站模板 自己建网站的优势 账户信息安全管理的核心内容,-1 国家网络安全总局 网站制作公司 云南 关于网站建设live2500 网络信息安全演练 网络安全防护 制度 义乌商城集团的网站建设 信息安全服务 全球 4r营销书 网络安全课程表 网络安全专项检查 账户信息安全管理的核心内容,-1 病毒式营销缺点 网站网页制作公司网站 响应式外贸网站案例 物联网 网络安全 信息安全检查评判标准,-1 白银网站建设 网站优化哪里好 长期营销策划 开设信息安全大学名单 昆明网站建设价格低 网络安全统一管控 浙江网站建设 网络信息安全趋势图 华为网络安全测试工具 近几年饥饿营销的案例分析 网站的运营成本 网站须知 天津做网站 重庆专业的网络营销 个人信息安全案例 网站类型有哪些 专业的网络营销机构 美国cnci网络安全分析解读 公司网站手机版 骗子营销 信息安全研究期刊 深圳制作企业网站 义乌商城集团的网站建设 网络安全办公室王主任 信息安全主要研究内容 公司营销优势 酒泉做网站 莱山网站建设 武汉网站建设联系电话 网络营销方法 体系镇江网站优化 信息安全 是哪三者紧密结合的系统工程 1什么叫计算机网络安全? 网站网页制作公司网站 视频网络安全知识讲座 手机介绍网站 长期营销策划 营销策略案例 pc网站案例 北京旅游设计网站建设 个人信息安全案例 开源网络安全软件 乐清手机网站优化推广 欧盟网络安全法律法规 网站设计公司北京 html5网站建设 国家信息安全 委员 网络营销网上观察法信息安全有关的职业 信息系统 信息安全风险评估报告格式 营销网站模板 政府网站建设联系电话 美国cnci网络安全分析解读 武汉市网站制作 网络营销方法 体系镇江网站优化 网站推广优化 门户网站做 账户信息安全管理的核心内容,-1 信息安全的重要性2017 酒泉做网站 中国网络信息安全大会 天津做网站 国家网络安全总局 工信部 信息安全中心 cog信息安全论坛 营销传播 国外网络安全品牌 云计算与网络安全视频 大丰做网站 如何做好网站 关于网站建设live2500 南昌电商网站设计要做网站 南昌电商网站设计要做网站 信息安全等级保护备案端软件 深圳企业建网站公司 国外网络安全品牌 信息安全服务 全球 温州购物网络商城网站设计制作 电力行业信息安全等级保护测评中心深圳做企业网站的公司推荐 中国网络安全50强 qq邮箱推送营销 4i营销理论的缺点 网络安全大会2017主题 华为网络安全测试工具 政府网站建设联系电话 ids 网络安全防护手段 工信部 信息安全中心 网站设计北京新 网络安全认证考试 网络营销班 网络安全重点实验室 信息安全培训测试 骗子营销 html5网站建设 网站宽屏 个人信息安全培训通知 linux下网络安全 自贡网站建设 (1)计算机信息安全,-1 网络安全专项检查 网络安全防护 制度 网络安全厂家介绍 天钥网络安全审计 国家信息安全漏洞通报 国家信息安全漏洞通报 网络安全重点实验室 信息安全攻防 (1)计算机信息安全,-1