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
广州高档网站建设网络营销工具分为沟通类如何做好信息安全方案酒店网络营销具体方案关键基础信息安全评估电商营销部2017网络安全趋势网络信息安全工程师培训网络信息安全攻防赛网站免费认证她宇文曼——大夏国第一个女皇帝。 坐上龙椅的第一天起,她就成为了不折不扣的傀儡。 本来想着就这样混吃等死,结果突然的一场兵变,连傀儡都做不成了...... 当她再一次夺回皇位时,世人对她依然缺乏认同。 在这个群雄争霸的年代,最弱的女皇,居然在所有人眼皮底下捡了个大便宜。 如果治理这个天下能算作便宜的话... 断壁残垣、饿殍满地、民不聊生... 战争带来了至高皇权,也带来了遍地枯骨。 宇文曼正襟危坐,身边是刚刚被册封的“国姓爷”文泰,殿外站着忠心耿耿、整齐成排的士兵,台阶下是一群诚惶诚恐的大臣。 大臣们曾经跪拜过她,又肆意污蔑她...如今为了日子过得去,只好颤颤巍巍的再次向女皇磕头。 好在女皇的心思还不在他们身上。 因为她是皇帝,所以没有退路——进则生,退必死! 奇迹不会一次又一次发生! 她必须整顿纲纪。 必须让难民归乡、让荒废的良田重新长出庄稼。 必须挥舞利剑,赶走那些盘踞中原的豺狼虎豹...... 如果给你一次机会回到高中,你会做什么?好好学习还是……她?这是屠龙者与龙之间的战争 这是伏虎者与大地之间的战争 这是鱼猎者与海洋之间的战争 这是神射手与天空之间的战争 勇气,将教会我们无惧 冷静,将给予我们智慧 胸膛里流淌着的热血不会消沉,不管是从前还是现在。。。 东华生上一世醒来就已经是高手了,在太虚幻境内经过一场大战后,他莫名其妙的转世重生到了六界中的人界,他努力的修炼,想要搞清楚一切,可是越是了解他就越是觉得自己身陷局中。我,林月,一个平平无奇的剑士职业,原本就与勇者携手战胜魔王的我,正当想解甲归田准备开启我的新的悠闲养老生活时,结果在打败魔王后的下一秒,我被魔王指间的一道强光击中眉心...然后我就来到了异世界了。 所以,这到底是什么展开?我的的武器什么时候变色了?还是黑色... 可下一秒又是什么鬼啊?一剑劈开大山?魔能满格还是无限? 搞咩啊?我的田园生活呢?我的悠闲人生呢?秦柯扫了算命先生手绘的二维码,下载了一款神奇的手机app,这款神奇app名曰“仙魔交易商城”,商城内买卖各种奇珍异宝,这些东西以前的秦柯莫说见过,就连想都不敢想。  从此,籍籍无名的平凡小青年,开始走上人生巅峰…福无双至祸不单行。法洛斯大陆先失去了日月陷入永夜,随后势不可挡的冰魔大军又渡海而来毁灭了大陆诸国,奴役了人类一百年。 百年后,一位神秘的青年用火焰魔法驱逐了冰魔,自身化作新的太阳照耀大陆,被人类尊为火神。 但火神未能带来真正的和平。各类魔物仍不断接踵而来,新生的人类帝国培养了有着超人体能、感官的猎魔士。 作为新晋猎魔士的男主角李奥,因解救了在打猎时遭到魔物袭击的皇帝,被皇帝提拔为贴身侍卫。可之后不久,皇帝遇刺亡,公主遭到绑架,李奥被当成了凶手。 在为自己洗刷冤屈的过程中,李奥发现了猎魔士的起源,却也因此使猎魔士和人类对立起来,直至爆发内战。 对人类失望的火神再次现世,企图毁灭一切。在李奥爆发出自身隐藏的未知力量后,火神和战争被阻止了。李奥也为了调查太阳消失的真相,踏上了在穿越世界的旅行…… 刚结束王者直播的林灿,突看到自己的右手臂上浮现出一串血红色牛头状的数字倒计时! 再睁眼时,已然置身于【猎梦惊悚游戏】 他拥有令人艳羡的身世,他的的父亲是一国元首,而他的人生际遇却从没有受到过任何优待。 他拥有天生异能,他是传说中十二神石之首--“力量之源”的主人,但是这个异能却总在他需要时失灵。 他资质平平,没有一点武技和魔法的修为,却被上古邪灵看中,成为邪灵寄生体,变成了邪灵的傀儡。 他的梦想只是做一个普通人,但是命运总是跟他开玩笑,让一些不普通的事情跟他扯上关系,让他成为众人的焦点。 一个一心只想成为平凡人的他如何成就了他不平凡的一生,他的一生福兮?祸兮?改编自逃跑吧少年网络游戏。失忆的少年从荒野中苏醒,就被陌生人追杀。揭开往日的真相,探求星球的秘密
苏州外贸网站制作 手机网站首页经典案例 edm营销平台的费用 网络安全认证协议 湖南微信网站营销 国家信息安全管理体系审核员 南京网站建设招聘 手机移动端网站 win7网络安全模式上qq 网站制作工作室 事业不顺的职场提升路径有哪些?【www.richdady.cn】 脑部不清晰【www.richdady.cn】 冤亲债主对生活的影响咨询【www.richdady.cn】 事业不顺的职场提升咨询【www.richdady.cn】 前世今生的咨询方式【www.richdady.cn】 投资项目【www.richdady.cn】√转ihbwel 如何判断自己是否被冤亲债主干扰?【www.richdady.cn】√转ihbwel 前世今生的缘分揭秘咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 财运不佳的财富积累【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 家庭关系的矛盾化解方法有哪些?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 事业不顺的真实案例有哪些?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 迟缓儿的症状与诊断威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份的轮回续缘【微:qq383550880 】√转ihbwel 婴灵的存在有哪些科学依据?【企鹅383550880】√转ihbwel 前世缘份的前世修行咨询【微:qq383550880 】√转ihbwel 前世缘份的前世因果咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 大龄剩女的改运方法咨询【企鹅383550880】√转ihbwel 祖灵对家族的影响【微:qq383550880 】√转ihbwel 祖灵【σσЗ8З55О88О√转ihbwel 性压抑的咨询技巧【www.richdady.cn】√转ihbwel 网络信息安全渗透测试课程,-1 网络营销服务的作用 网站打开速度优化 最实战的全网营销培训 免费学校网站建设 高端网站建设 网络营销在我国的发展现状 大同做网站 营销策划的学校 烟台网站建设联系电话 企业网站联系我们 门户型网站 网络安全服务方案 营销单页 电子邮件营销方式 手机网站首页经典案例 政府网站建设方案 北京市信息安全产业 win7网络安全模式上qq 访问网站慢 微信营销最新资讯 基于互联网环境与技术建立起来的数据库系统在网络营销中的案例关于开展信息安全等级保护安全建设整改工作的指导意见,-1 做专业网站 营销网站的筛选 关键基础信息安全评估 昆明的房产网站建设 ecshop防官网收采集信息安全补丁 营销网站的筛选 邢台网站定制创建网站的优势 jquery网站两排图片滚动带左右按钮控制两排图片滚动轮播代码 关键基础信息安全评估 edm营销课程 济南外贸网站建设公司 深圳高端电商网站建设者 网络安全密码如何查找 行业 营销 烟台网站建设联系电话 微网站案例 邮件营销是无效的 粉丝网站制作 网络安全产品分类 网站死链 ppc营销 网站建设前期资料提供 三级信息安全等级保护整改建设 昆明购物网站建设 一个完整的信息安全保障体系包括 计算机网络安全的访问控制技术主要有基于 营销环境调研 信息安全技术信息系统安全工程管理要求,-1 北京网络营销外包 病毒营销六要素 网站流程 如何进行网络安全管理 大同做网站 个性化定制网站 目前国家信息安全形式 美国 信息安全公司 海淀 营销推广方案线上线下 中美网络安全对比世界网络安全峰会 武汉手机网站建设动态 昆明的房产网站建设 整合营销运营 目前国家信息安全形式 edm营销课程 网络营销服务的作用 最实战的全网营销培训 手机移动端网站 网站建设前期资料提供 青色系网站 济南免费做网站 上国外网站的dns 全网营销推广公司 网络信息安全 ppt 网站免费认证 网络信息安全工程师培训 关于网络安全报道 做网站的 南京网站建设招聘 教育式营销 营销策划的学校 网络营销都有哪些平台 网站图片标签网络安全编程 三级信息安全等级保护整改建设 为信息安全 网站制作 手机 个性化定制网站 首都网络安全日培新 网络营销小文案例子 内容营销作用 免费学校网站建设 网站怎么办 任天行网络安全管理中心 摄影网站建设 网站制作工作室 网络营销小文案例子 长沙做网站建设的 广州网站建设公司 美国 信息安全公司 海淀 初级信息安全测评师 手机网站首页经典案例 一个完整的信息安全保障体系包括 嘉兴网站设计 网络安全大会2017ppt 公司网站有哪些重要性 公共信息网络安全监管 成都网站制作 ppc营销 北京市信息安全产业 做网站行业的动态 微网站案例 专注武汉手机网站设计 政府网站建设方案 珠海营销型网站 什么是网络营销 关于网络安全报道 访问网站慢 网络营销在我国的发展现状 首都网络安全日培新 网络营销新闻稿 注册信息安全员在哪考,-1 对信息安全管理威胁最大的是 2017网络安全趋势 病毒营销的发展趋势 基于互联网环境与技术建立起来的数据库系统在网络营销中的案例关于开展信息安全等级保护安全建设整改工作的指导意见,-1 国内网络安全事例 对于网络营销的看法 网站制作工作室 建一个政府网站 做专业网站 网站建设教程浩森宇特 我国网络安全漏洞管理 微博新号营销 营销网站的筛选 河南网络安全