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
株洲网站设计计算机信息安全是什么虚拟网络安全2013年国内外发生的网络安全事件统计中国网络安全吗网络安全法的内容网络安全应急服务支撑单位证书 国家级工业控制系统信息安全用网络语做营销讲话宁波 做网站网站个性化定制服务他,虽是庶子,但却是王国八大贵族之一格林家族内定继承人,长相虽平凡,但他的心不甘于平凡。虽然被人陷害、不得不被流放追杀,但天降系统,助他成神。且看一个小领主如何借助系统和奇遇,一步步崛起,最终称霸大陆.....末法时代的到来,来自深空的界碑,不详降临的九州,神秘失踪的天神。夜幕笼罩的乱世,败犬修士于一片破败中崛起。  我徐阳穿越异能世界,激活神级异能,从此成为战神。 我   夜晚,幽静的小路上一对男女正在聊天,旁边的路灯在为他们的行程照明。 “听说世上真的有人会蛊术啊。” “是的,听说来的都不会错的。” “那你会吗。” “你就是想试试呗?” “我就是随便问问。比如那忠情蛊啊、傀儡蛊啊、控尸蛊啊之类的,还有什么吸血蛊、杀人蛊之类的。” “嗯,有的,这些都有的,除了这些之外呢,还有噬人蛊、鬼头蛊、人身蛊、绝命蛊等等。” “哈哈哈哈,你可真像个说书的。” “怎么说。” “编的一本正经。” “那感情你刚刚是在诈我?” “对的,世界上怎么可能会有这种奇怪的东西。不过你居然顺着编下去,我表示很满意。” “哈哈哈哈,让公主开心这是骑士的准则之一。” “好的,我的骑士,请将我安全护送到家。” “遵命,我的公主。” 可你不知道的是,谎言的谎言,有的时候将会化为真实。 (因为是奇幻小说,书本采用的是第一人称。)由于来自灭世级强者:作者君的无上伟力,文科宅男燕藏锋穿越到了一个多国争霸的年代。 他只想成为成为一个逍遥的贵族子弟,然而他的老父亲燕王喜似乎总是对他图谋不轨。 第一次。 “逆子,想不想当燕王?”燕王喜笑眯眯的问。 “傻子才当燕王呢!”燕藏锋对此不屑一顾:“再说了,大哥还活得好好的呢!” “好!”燕王喜不再说话。 第二次。 “逆子,你大哥没了,你该上位了!”燕王喜说道。 “不去。”燕藏锋十分潇洒:“二哥会是一个好燕王的。” “你自己说的。”燕王喜还是没强求他。 第三次。 燕王喜躺在病榻上,说道:“逆子,你二哥也没了,你总该上位了吧。” 看着满面红光的燕王喜,燕藏锋满脸无奈。 “你要是不装病诱惑他,他能造反?” 这是一个希望儿子继承王位的老父亲,和一个只想当咸鱼的儿子相爱相杀的故事。异界大陆,强者如云!分为东西南北中五大城池,五大城主皆为王,五大城主所说的话皆为法!一城一宗门,城主皆宗主!他们不问百姓疾苦,只愿自身潇洒!直到凌逍的出现,彻底打破了五大城主之间的平衡和统治!万民请命灭贱人,斩恶霸…传说中破军、七杀、贪狼三星齐出,便是天下板荡、改朝换代之时。一个表面看还处在盛世,但平静的表面下却是危机重重。内有诸王夺嫡,外有敌国虎视眈眈的朝代,却突然出现三星联动的天象异变。暗藏野心,手握天下财富有三成的勋臣之后。夺嫡之争越演越烈,甚至动辄刀兵相见的诸皇子。雄踞西北,一心想要割据一方的游牧铁骑。还有潜藏在西南,时刻不忘恢复故国的前朝余脉。三凶星的预言,究竟会落到谁的身上?黄琼,一个自幼生长在冷宫中的皇子,面对复杂的局面,究竟该如何破茧而出,该怎样才挽回危局重定河山?及至始皇,奋六世之余烈,振长策而御宇内,吞二周而亡诸侯,履至尊而制六合,执敲扑而鞭笞天下,威振四海。南取百越之地,以为桂林、象郡;百越之君,俯首系颈,委命下吏。乃使蒙恬北筑长城而守藩篱,却匈奴七百余里;胡人不敢南下而牧马,士不敢弯弓而报怨。于是废先王之道,焚百家之言,以愚黔首;隳名城,杀豪杰;收天下之兵,聚之咸阳,销锋镝,铸以为金人十二,以弱天下之民。然后践华为城,因河为池,据亿丈之城,临不测之渊,以为固。良将劲弩守要害之处,信臣精卒陈利兵而谁何。一位魔法高中生教你玩魔法,逆袭爽文在线开挂,魔法世界那么大,不想来看看吗这是一个奇妙的世界,尖端科技已经超越现代水平,而文明发展却还停留在1000年前。在这个世界最强大的帝国中,有一个放荡不羁的青年,在被人击败后偶然得到一本神功,成为城中至霸,却又突然失去全部功法,沦为废人。在神秘高人的帮助下,他重回巅峰,和同伴们一同探索这个大而又神秘的世界,同时,他们也逐渐揭开,这其中蕴藏的秘密……
网络营销个人观点 工业控制系统信息安全 网络安全专项治理报告 长沙网站设计 佳木斯网站建设 网络安全培训意义国家信息安全师 高级 360网络安全团队微博与微信的各自的特点是什么?企业如何运用它们来开展营销活动? 信息安全管理体系建设方案 长沙网站设计 营销组合的4p策略 头脑混沌的自我提升【www.richdady.cn】 感情纠纷的情感重建方法有哪些?咨询【www.richdady.cn】 灵魂化解与心理疗愈咨询【www.richdady.cn】 头脑混沌的咨询技巧咨询【www.richdady.cn】 儿子不读书的案例分享【www.richdady.cn】 升迁障碍的职场策略咨询【www.richdady.cn】√转ihbwel 心特别累的原因分析【σσЗ8З55О88О√转ihbwel 意外的前世因果咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 投资项目的选择方法咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 去世的母亲的影响分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婚姻生活不顺的环境影响咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 忧郁症的治疗方法【www.richdady.cn】√转ihbwel 耳鸣的原因分析【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 存不住钱的理财建议【σσЗ8З55О88О√转ihbwel 孩子压力大的咨询技巧咨询【企鹅383550880】√转ihbwel 孩子压力大的心理调适咨询【微:qq383550880 】√转ihbwel 财运不佳的财富转运方法有哪些?【www.richdady.cn】√转ihbwel 克服职场升迁障碍咨询【企鹅383550880】√转ihbwel 亲子关系的教育策略有哪些?咨询【企鹅383550880】√转ihbwel 长期头脑混沌可能是哪些疾病的前兆【σσЗ8З55О88О√转ihbwel 信息安全虚拟机,-1 云南网站制作 国家信息安全领导小组 易建筑友科技有限公司网站 互企业信息安全管理策略 外贸企业网站 长春给企业做网站的公司 网络营销的三大渠道 手机网站 西乡建网站 汕头网络营销外包 如何利用搜索引擎开展营销活动 邮件营销的图片 博客群营销 一站式营销服务 银川网站建设多少钱 对网站主要功能界面进行赏析 网站个性化定制服务 网站备案 非经营网络安全审计系统互联网营销模式 中国信息安全认证 营销页面策划 整合营销传播特点 手机网站设计尺寸 网站开发合同 2013年国内外发生的网络安全事件统计 网站设计模版 网络安全常用知识 聊城网站优化 网站建设公司倒闭 博客群营销 西乡建网站 中华人民共和国网络信息安全标准,-1 赣州网站制作 大学生网络安全报告 360网络安全团队微博与微信的各自的特点是什么?企业如何运用它们来开展营销活动? 营销和团购是什么意思 网站制作 广州 重庆南川网站制作公司电话 如何报考网络营销师 整合营销的必要性 茅台软文营销成功案例 推荐人营销 网络安全评测 门户网站建设 销售营销软件 海尔公司营销策划 株洲网站设计 信息安全攻防实战系统 网络安全常用知识 机械网络营销 免费注册网站空间 手机网站设计尺寸 广州学网络营销 个人网站设计模板 重庆南川网站制作公司电话 成都 网站建设 好网站范例 网络安全评测 微信营销的几种模式 免费注册网站空间 flash网站制作 海外营销邮件 网络营销的三大渠道 国家信息安全领导小组 网络营销个人观点 茂名做网站 无线网络安全设置方法 大连企业网站 海外营销邮件 普洱网站建设 一般网站模块 易建筑友科技有限公司网站 网络安全培训意义国家信息安全师 高级 非经营网络安全审计系统互联网营销模式 经典网站设计 国际间网络安全合作 黄浦网站建设 中国风配色网站 长沙网站设计 互企业信息安全管理策略 网络有哪些营销方式有哪些内容 2014 会议预告 信息安全 中国信息安全认证 南昌网站优化 商城网站都有什么功能模块 邮件营销模板制作 中国信息安全证书 考试,-1 营销证 机械网络营销 如何利用搜索引擎开展营销活动 计算机网络安全培训、 flash网站制作 网站设计建站 柳州网站设计 临沂网站维护公司 营销学市场四要素 常见的网络安全问题 银川网站建设多少钱 网站制作性价比哪家好 网络安全产品 柳州网站设计 销售营销软件 网络营销定价是什么 网络营销的三大渠道 整合营销传播特点 顺德网站建设原创 手机网站设计尺寸 网站 建设 欢迎你 做网站域名 武昌手机网站 论坛营销案例 手机网站 信息安全攻防实战系统 中国网络安全吗 网站开发合同 虚拟网络安全 北京网站设计制作 城市营销平台建设 网络营销的价值是什么 一站式营销服务 网络安全评测 网络安全动漫 长春专业网络营销公司排名 长沙网络营销外包 好网站范例 如何利用搜索引擎开展营销活动 国家信息安全网络安全 做app网站建设 最新网站建设语言 莱芜网站推广 病毒营销是什么意思 网站建设案例怎么样 陕西企业网站建设 信息安全虚拟机,-1