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
isg信息安全谷歌英文网站网站开发团队人员营销的概念成交型网站深圳市网络安全公司排名小龙虾网络营销方案西安做网站公司?中国信息安全认证中心领导信息网络安全检查行业网络营销现状云云众生,草根人物,命运多殂,应何以为之?何以搏之? 滚滚的历史长河,浩如烟海的典籍,人神鼻祖,帝王将相,先贤哲人,无不树碑立传,著书立说,话其伟绩。然而,蝼蚁草芥经历了怎样的狂风暴雨,遭受了何等的苦难辛酸,亦或是又品尝了那些快乐幸福,少有问津,甚是惨淡。今攫取其中的颗粒,让芸芸众生在茶余饭后,闲暇无趣之时,偶尔翻翻,聊以打发寂寞的时日,慰藉空虚的灵魂;也可以让那些迷途的羔羊,引以为戒,奋发图强,在恰当的时间里,在适合自己的道路上披荆斩棘,勇往直前,创造属于自己的辉煌。更可以解剖人生,探究灵魂,寻求真谛,放飞心灵,让假丑恶在烈日下暴曝,使真善美在甘露里滋养;让华丽掩藏的肮脏暴露在阳光下面,使正义湮没的腐臭吹散于飓风之中。不希望名流千古,也不奢求身家有值;只是在人生末途散发余热,在风烛残年不蹉跎岁月;也可以说是菩提下的空悟,是灵台里的忏悔;是坎坷崎岖道路上的觉醒,也是酸甜苦辣滋味里的品尝。 张少锋被自己写的小说裹挟到异界,却因为能量不足被丢到了巨兽腹中跟食物混在一起,为了不被消化成翔,为了活下去,更为了找个老婆,他爆发与生俱来的最大潜力…… 地球少了谁,一样外转动,异界多了他,从此是非多! 堂堂玄界一代大罗天骄林剑羽前任遭爱人暗算,最终陨落血族手中。 没想到居然在蓝星重生了?还他喵是个练气期的菜鸟? 蓝星是个灵气复苏的时代,在这个世界强者为尊,谁的修为高谁就越有地位。 韩逸“谁不服老子一棒敲死你!” 你富可敌国?你权倾天下?在我面前都低调些。 我叫赵铁柱,普通小农民,可我既能救你的命,也能要了你的命。万物陨落,化身灵体。要得超生,需淬灵魂。修得魂体,方入轮回。天道合一,大道归元。入轮回,修九重,或返红尘,或往灵境、或入修真、或遁魔域、或困泥犁,或踏妖境...我所以为的自由并不是真的自由,因为在我的每个人生道路前都有那么一个人在推动,事实上我也不确定我接下来走的路会是什么样的,因为,我从来没有真正做主过。描述本人在一次机缘巧合的情况下穿越了自己的首创小说作品《仙剑跨世代》当中,亲身经历进行小说作品历程,在小说作品中本人担当着每一个角色的视角来找出作品中的软伤和硬伤的所有漏洞并想方设法更改的过程,从而达到回到自己所属世界的前提,可是就当本人经历千辛万苦迂回曲折的历程后准备回到自己所属世界的时候,令本人料想不到的情况却又再度发生……【灵异、悬疑、惊悚、探险、宠物、系统、游戏、搞笑】 废弃的别墅,消失的山村,黑暗的血楼…… 人头蜘蛛,红衣厉鬼,浑身是手的怪物…… 在这个深夜的恐怖世界里,王尊稳如老狗,遇人先问娘,杀鬼必扬灰,万事只求一个安稳! 别人还恐惧在诡异怪谈中时,王尊在惊悚游戏世界里杀疯了。“别人是被炮弹追着轰,我特么是被核弹追着炸!” 核弹灭世之后,主角被迫寻找修道寻仙之路。 然而作为一位修仙小白,遭受修仙门派收徒时的白眼。 “小白!你境界都没有!”守护修士冷眼看了过来。 “没有资格入门。” 可是主角我有金手指啊! “我特别强调一下:打我的时候需要控制力量,不许使用超过一成的力量!” “你们总是不听话!” 安临渊把头仰起,45度朝向天空, “我说不许使用超过一成的力量是在保护你们!” 在凡人地界,核武末世下走投无路的安临渊,迫不得已,被逼入进入阿尔卑斯门,寻求庇护。 安临渊开始走向修仙道路。 即使安临渊已经遁入阿尔卑斯门修仙求道,凡人地界依然未放弃对安临渊的追杀。 安临渊不断遭遇各种追杀。随着修仙境界的不断提升,被追杀的同时,也展开自己的复仇行动。世界是被异常的嗜睡症击中,并出现大量人员昏迷。蔡苏宇陷入异常的嗜睡症,被转移到次元战场。
信息安全攻防技术 高大上设计网站欣赏 郑州网站推广流程 做网站好处 中山网站优化 网络安全新技术有哪些 网络安全职位 日本 网络安全 当今的网络安全有四个主要特点 贵阳网站制作免费 升迁障碍的职场建议咨询【www.richdady.cn】 与公婆前世的前世案例【www.richdady.cn】 婚姻生活不顺的原因分析咨询【www.richdady.cn】 升迁障碍的心理调适【www.richdady.cn】 感情纠纷的心理调适咨询【www.richdady.cn】 孩子厌学的案例分享威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 财运不佳的财富增长咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 意外事故的应急处理方法咨询【微:qq383550880 】√转ihbwel 改善亲子关系的技巧【σσЗ8З55О88О√转ihbwel 外灵干扰咨询【σσЗ8З55О88О√转ihbwel 冤亲债主的干扰解决方法咨询【σσЗ8З55О88О√转ihbwel 纠纷的案例分享【企鹅383550880】√转ihbwel 儿子不读书的自我提升咨询【www.richdady.cn】√转ihbwel 成人发育倒退的可能症状咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 意外的前世故事咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 意外的前世因果咨询【www.richdady.cn】√转ihbwel 有官司的预防措施【企鹅383550880】√转ihbwel 大龄剩女的职场发展咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 忧郁症的治疗方法咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 解梦的梦境解析咨询【微:qq383550880 】√转ihbwel 谷歌英文网站 中山网站建设文化方案 近几年的网络安全事件 信息安全测评工作 电脑无网络安全 营销的概念 信息安全和保密的区别 信息安全学python 网站设计公司无锡 原型图网站 成都网站推广 建立网站的条件天津高端网站建设 建个人网站 建立企业官方网站 信息安全攻防技术 问答营销策划 上海网络安全局 台州网站建设企业 信息安全的保护对象,-1 微信开发网站建设程序 长沙微信网站制作 信息安全主要课程 小米公司网络营销 财务服务器的网络安全 营销的概念 单位信息安全工作的组织领导情况 当今的网络安全有四个主要特点 成都网站推广 电脑无网络安全 破解网络安全密匙 工程项目网络信息安全 贵阳建网站 河南信息安全公司 牛蛙网络营销怎么样 无锡网站建设哪家专业 可信赖的南昌网站制作 顺的网站建设咨询 高端上海网站设计公司价格 营销 老师 工信部网络安全管理局 网路营销是什么 宁夏网页设计网站 信息网络安全知识培训 中山网站建设文化方案 网络安全主要功能 机关信息安全服务主要有 梅州网站建设 中山网站优化 建立网站的条件天津高端网站建设 如何提高信息安全意识,-1 网站阴影 信息安全测评工作 网站设计公司无锡 南昌个人做网站 网络营销竞争大吗 珠海集团网站建设外包 网络与信息安全有哪些 网络营销模式有几种 网络营销课程整体设计 营销的概念 郑州网络营销推广公司 网络营销课程整体设计 信息安全测评工作 军工行业信息安全厂商要具备 信息安全学python 手机网站备案费用 网站布局有哪些常见的 什么是网站规划 免费新建网站 网络安全空间协会 汕头网站公司 网站制作视频教程 网络安全技术视频教程 isg信息安全 与信息安全管理相关的工作有 信息安全指南 当今的网络安全有四个主要特点 全国网络安全信息大会 微网站风格 日本 网络安全 成都网站推广 长沙 营销顾问公司 网络安全和运维哪个好 网站怎么创建 国外的app设计网站 建立网站的条件天津高端网站建设 网络营销模式有几种 贵阳网站制作免费 网络微信营销公司简介 国外的app设计网站 网络营销是什么怎么提高网络安全意识 网路营销是什么 昆山网站建设· 网络营销是什么怎么提高网络安全意识 小米公司网络营销 分析社会热点与网络营销的关联 app设计网站 大学网络安全先学什么意思 珠海集团网站建设外包 网络安全职位 百度网络营销搜索推广 网络安全保卫局郭 网络营销工程师培训 原型图网站 上海网络安全局 营销综合平台建设 服装手机商城网站建设 淘宝中的信息安全 军工行业信息安全厂商要具备 公司互联网站全面改版 信息网络安全检查 网络安全的特点有哪些 国家信息安全项目 跨境网络安全预备案 台州网站建设企业 杭州 网站建设公司 南京做网站 网站手机开 常州做网站 百度网络营销搜索推广 信息安全治理 南京做网站 信息安全与网络安全 网络安全技术视频教程 信息安全评测二级 信息安全与网络安全 深圳做网络安全公司排名 网站优点策划营销 怎么给自己的网站更换域名 小米公司网络营销 在内网部署漏洞检测服务器(或安全扫描设备)及时发现网络安全漏洞; 北京新营销 企业成功营销策略案例 做个简单网站大概多少钱 信息安全 将密钥层次由高到低排序