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
国家网络安全局湖北省信息安全等级保护协调小组网站制作苏州企业企业手机网站建设精英中国信息安全发展历程成都 企业 网站制作营销策划书信息安全的技术有那些广西网络安全技术大赛信息安全等级保护银行这是一个奇妙的世界,尖端科技已经超越现代水平,而文明发展却还停留在1000年前。在这个世界最强大的帝国中,有一个放荡不羁的青年,在被人击败后偶然得到一本神功,成为城中至霸,却又突然失去全部功法,沦为废人。在神秘高人的帮助下,他重回巅峰,和同伴们一同探索这个大而又神秘的世界,同时,他们也逐渐揭开,这其中蕴藏的秘密……一条由个人博客发出的离婚吐槽,轰动世界。 开局被丈母娘嫌弃,被逼退婚..... 没想到,女婿竟是消失多年的昆仑战神。故事发生在西南某省城,以三个不同背景家庭的年轻人的主线,记述了他们为了自己和家庭而奋斗的故事。平淡的人生,其实就是最真实的生活。这三个家庭因为各种偶然的原因相识相知,一起经历了几十年的风雨岁月。本书记述了他们平凡而又多彩的人生,以此纪念逝去的岁月和见证过这一切的人们。。平平无奇的打工人王虎穿越了?还穿越到了一个天赋渣渣实力菜鸡的人身上?怎么办?还好我自带系统,不说别的,爷钱多!想入最好的云海书院但天赋不行?没关系砸钱!想学习功法没办法理解?没关系砸钱洗髓丹可以拥有!有人想群攻?不好意思,已经砸钱开宗门了呢! 你我本无缘,就靠我砸钱!纪历元年,战争爆发,科尔特城市陷落,科尔特内形势复杂,官方为了取得科尔特城市陷落的秘密,派出萤火虫小队前往救援【历史种田+江湖八门+富可敌国+复仇】 秦书铭穿越到燕赤国,成为八门祖师爷之子,江湖人尊他为少帅。 开篇背负血海深仇,少年和小妹相互扶持,亲情成为这冰冷的世界唯一的温度。 穿过刀林阵,喝过鸡头血;一拜天为父,二拜地为母,从此少帅入江湖。 这是一个充满骗局的世界,风水局,老千局,扎飞局,鲁班局,层出不穷。 上一世身为百亿富豪的秦书铭表示,不好意思,在下擅长局中局。 小妹问:哥,为什么那些坏人都在替你做事? 秦书铭:傻妹子,因为你哥我是坏人头子! 小妹问:那为什么皇子和军机大臣都对你弯腰? 秦书铭:因为哥有钱啊,富可敌国的那种。 小妹问:那为啥女土匪也对你弯腰? 秦书铭:你还小。 我是一名退休在家的神仙,退休前我曾在天庭保安处当过差,职责是游历人间体查人间百态,把那些好与不好的事情上报给天庭。好的大力宣传不好的要时止损。我在这个岗位上兢兢业业干了五百年,见过许多美好与欢乐也见过许多的丑恶与悲伤。因为要上报天庭,所以每天我都会把所见所闻或详细或简略的记录在牛皮本上。在我五百年多年的职业生涯里一共记录了九十多本。这些书自我退休后便摞在书房的角落里,书面上已经生满了灰尘,一些早期的本子也已变的有些残破。我原想就这样不会再去动它,它记载了人间生活的酸甜苦辣,其中有许多是我不愿再记起的,就像身上的伤疤害怕被揭开。 我本以为就这样让时间慢慢冲淡记忆慢慢磨损这些记录。直到昨天下午一个从下界出差回来的后生来我家中,他跟我吐了一下午的苦水,说人间有多无聊枯燥。他走后我觉得我有必要把我的见闻告诉他们,在他们眼中的无聊在别人眼中是多么轻松美好,他们眼里的枯燥也许正是别人渴望的平淡的幸福。公元2293年,有着悲惨过去一直在逃避的墨沄白,因个人情感加入了一场盗墓,却因此被卷入了一场阴谋之中。七窍玉,鬼王,冥界,尸王,世界异幻事件应对调查局,多方势力混杂其中。他不是主角,他只是一个被卷入其中的受害者,但他势要成为复仇者…… 是爱是恨?罪恶与权力,我一人说了算!别惹我,谢谢,我叫明智天!   一个流出金色血液的神秘人,一个流着钻石血液的男人,一场世界阴谋,等着他回来解决……没有秩序,我们就打出一个秩序来 嘴上说的道理你不听,那就听听枪口喷吐出来的真理吧!
东营专业网站建设 无锡做网站要多少钱 亚信网络安全 东营做网站建设的公司 网络安全. 营销策划书 网站制作苏州企业 b2b网络营销的定义 山东网络安全大赛报名 澳门网站建设 如何改善财运不佳的情况?咨询【www.richdady.cn】 邪灵的感应现象咨询【www.richdady.cn】 无形干扰的自我提升【www.richdady.cn】 前世老婆的前世缘分咨询【www.richdady.cn】 前世缘份如何影响今生?咨询【www.richdady.cn】 灵魂种子治疗威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 心慌胸闷头晕的环境影响【www.richdady.cn】√转ihbwel 感情纠纷的前世因果【企鹅383550880】√转ihbwel 特殊学校的咨询技巧咨询【微:qq383550880 】√转ihbwel 事业不顺的风水布局咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 与女友前世的记忆解析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 冤亲债主对生活的影响咨询【σσЗ8З55О88О√转ihbwel 存不住钱的理财建议咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与公婆前世的前世案例咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 长期耳鸣可能是哪些疾病的信号【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 意外事故的应急处理方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生的缘分揭秘咨询【微:qq383550880 】√转ihbwel 婴灵的前世今生咨询【www.richdady.cn】√转ihbwel 大龄剩女的案例分享咨询【www.richdady.cn】√转ihbwel 暗恋的情感释放咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 网店营销计划东莞网络营销策划 建网站要学什么 公司网站重新建站通知 京东的网络营销工具 网站加后台 珠海 旅游 网站建设 招聘 信息安全,-1网络安全评估 公司 武汉信息安全企业 千度网站 网络安全周上海 建网站报价 东营专业网站建设 红帽。信息安全 常见的信息安全事件 滕州网站优化 网络安全设备销售 通信网络安全专业委员会 医院营销推广活动计划 酒店网络安全审计设备 公安 网络安全 营销推手 2015年网络安全厂家 怎么在网站上添加地图 网络营销微博案例分析 国家网络安全局 信息安全保障强调依赖( )实现组织的使命 伊朗 网络安全 信息安全内容安全识别 网络安全审计软件 密集性营销策略 做门的网站建设 网络安全售后服务方案 网络安全法对央行履职 自适应网站好建们 怎么在网站上添加地图 旅游电子商务实训平台 旅游资源规划开发实训平台 网络营销实训平台套 全国信息网络安全协会联盟 全国信息网络安全协会联盟 信息安全软件测评中心 酒店网络安全审计设备 网站制作苏州企业 唐山网站建设报价 网络安全软考 网络营销网站推广 建网站要学什么 网络信息安全的小说 网站网页制作机构 如何攻击网站 四川省信息安全测评中心业务 叫兽学院网络安全随身碟密码 涿州网站建设 思考体验营销 华为信息安全心得体会 网络与信息安全科普 互助网站制作公司互联网网络安全周 网络信息安全 专访 网站加后台 国家网络安全国家安全 山东网络安全大赛报名 网络安全设备销售 珠海 旅游 网站建设 国家信息安全问题,-1 句容做网站 网站制作 技术 招聘 信息安全,-1网络安全评估 公司 山东网络安全大赛报名 自适应网站好建们 怎样创网站 武汉信息安全企业 玉林做网站 网络信息安全的小说 b2b营销软件 千度网站 京东的网络营销工具 大学信息安全等级保护管理办法,-1 网络安全展 信息安全 本科 新营销系统 网站兼容工具 建网站报价 五种网络营销方法 中国平安信息安全 澳门网站建设 珠海 旅游 网站建设 东营专业网站建设 网站网页制作机构 信息安全审计日志 景区网络营销选题意义 国家网络安全国家安全 东台网站制作 网络营销策划机构 金盾信息安全 安恒信息安全研究院 网上超市的网络营销 网站的意义 网络安全迫与破 滕州网站优化 网络营销策划机构 衡水网站建设供应商 西安网站制作工作室 网络安全设备销售 北京网络安全讲师 q营销软件 四川省信息安全测评中心业务 通信网络安全专业委员会 灰色的网站 怎么微博营销推广 网站建设分几个阶段 医院营销推广活动计划 建网站要学什么 网络安全工作动态 政务类网站 酒店网络安全审计设备 网络营销工具分为沟通类和什么 大市场营销的6p 安恒信息安全研究院 公安 网络安全 南昌网站忧化 新媒体营销外包公司 山科信息安全怎么样 东台网站制作 营销邮件的发送方式 网络安全的简介 2015年网络安全厂家 信息安全保障强调依赖( )实现组织的使命 网络安全审计软件 网络信息安全周活动 提供佛山顺德网站设计 青岛信息安全企业 网站设计模板免费建站 饥饿营销案例有哪些 网络营销微博案例分析 网站公司 网站公司 2017年信息安全竞赛