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
大连建网站公司事件营销缺点中国网络安全协会网站内容运营营销技巧企业信息安全 厂商,-1中国国家信息安全漏洞库支撑单位虎门做网站网络安全 会议主题华为 信息安全十万年前万族入侵人族,昊天大域一位名叫玄武的武道俢士为了人族,强行突破武帝之境,万族却派出十名帝者对其围杀,谁承想十名帝者全部陨落,此战过后万族震动,至此万族不敢踏入人族领域半步,从此被天下誉为玄武帝尊…………… 十万年后人族武者再无一人突破到武帝,武道凋落。至此佛教、道教、魔教纷纷崛起,在这个神、佛、仙、魔的世界里,一位重生之人携金书闯入……………一个中土废材艺术家,获得了穿越神魔两界的能力,成为超级异能人,同时发生了一连串既可笑又匪夷所思的事情,打破了三界千年的机械化运作,重新恢复了人类世界的生机活力,找到了爱情和生命的真正意义。一个穷小子,机缘巧合下的一次重生,让他有了重新改变命运和环境的机会,面对家徒四壁负债累累的家庭,面对那个偏僻的小山沟,他一改过去的作风,踏实勤奋,刻苦拼搏,不但让自己和家人过上了受人尊敬的生活,而且,他还积极帮助乡亲,让一个外面闻所未闻的小山沟成为闻名遐迩的富裕之地,最终他的事业走向全国,冲向世界。夏国从一撮尔小国,竟然一路崛起,成为大陆举足轻重的强国之一!这不仅靠着大皇子的惊才绝艳,还有二皇子的各种不同于常人的治国谋略! 秦皇:生子当如李九如! 汉帝:此子用兵,神鬼莫测,无人能出其右! 儒家先生:吾之一生,所骄傲不在于教导出圣贤七十二,更不在于留下经典传世,惟李九如尔! “我真的不是什么治国奇才!” “所有的一切,都是身边这群脑补怪背刺怪的功劳!” “我最初的目标,不过只是想做一个败国皇子,仅此而已。” ……他在深海铜棺中沉睡了万年,此刻他醒来了,他手执弑天刀,对着污浊的苍穹呐喊:“若天道不公,我便踏碎这虚空!”少年天陨因为四年前的神罚之劫突破失败,被人暗算强行驱赶出月影大陆之外的蛮夷之地,且看少年如何逆天改命,相识知己红颜,踏破星河宇宙,迈入传说中的那一步。 江城穿越平行世界,绑定神级科技系统,系统的触发条件是让他独自研发一项改变世界的发明。 于是他选择了可回收火箭,打造猎鹰九号升级版,在苦心研究五年之后,所有测试结果均为完美,成功率百分之九十五,一经上市,保守年收入五十亿。 为了拿到投资,他将自己的所有理念模型,包括他获得的荣誉电邮到了摩根银行,竟然真的得到了回信,并且对方愿意前来核验。 恰逢相亲走错桌,遇到年轻貌美的投行女大佬,没想到摩根银行的投资条件是让这项技术为M国专利,江城愤然拒绝。 摩根银行为此和媒体恶意渲染抹黑回收火箭技术不可能实现,想要毁掉江城。 关键时刻,看到一切的相亲女大佬林若溪在媒体面前支持江城,并且怒投十亿! 三个月后,当猎鹰九号升级版问世登上太空,并且成功返回之后,全世界都震惊了!金天问身具极品根骨,但是被青梅竹马的玩伴谷艳红陷害,使用邪术盗走了极品根骨,这让金天问成为了废人。 金天问发誓一定要报仇雪恨的,但是,谷艳红已经成为了武功派掌门的亲传弟子,位高权重,势力庞大,金天问只能暂时隐忍,等待报仇的机会。 为了斩草除根,谷艳红恳求武功派掌门派人将金天问掳来,放在悬空的铁索桥之上,铁索桥的两端,有剑气逼人的灵剑和凶猛的妖兽赤目白猿阻挡,让金天问无法离开,只能等死。 此时,金天问觉醒了万倍模拟修炼系统,能够让时间暂停,修炼上几百天、几千天,如此,金天问在系统的帮助下,终于可以修炼了,达到了金刚境第三重的境界,拔出了剑气逼人的灵剑,然后斩断了赤目白猿的铁链,放走了赤目白猿。短篇小说一个神秘的维度,一段神秘的人生,一场神秘的冒险……
网络安全审核方案 搜索引擎营销 email营销的一般步骤 网络信息安全行业企业 芜湖网站建设 网络安全性是什么协议 做个人网站 福州自适应网站建设 网络安全防护证书 网络安全执法案例分析 性压抑的前世因果【www.richdady.cn】 缺心眼的解决方法咨询【www.richdady.cn】 不爱读书咨询【www.richdady.cn】 忧郁症的治疗方法【www.richdady.cn】 为什么过世【www.richdady.cn】 无形干扰的案例分享【σσЗ8З55О88О√转ihbwel 磁场化解服务咨询【企鹅383550880】√转ihbwel 冤亲债主干扰有哪些案例?咨询【微:qq383550880 】√转ihbwel 如何改善人际关系威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 大龄剩女的婚恋建议咨询【www.richdady.cn】√转ihbwel 婴灵的预防措施咨询【企鹅383550880】√转ihbwel 意外事故的应急处理方法咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 不爱读书咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 去世的父亲的前世案例咨询【www.richdady.cn】√转ihbwel 前世今生的轮回解析【www.richdady.cn】√转ihbwel 升迁障碍的改运方法咨询【微:qq383550880 】√转ihbwel 阴间生活的描述与传说【σσЗ8З55О88О√转ihbwel 亲子关系的互动模式有哪些?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 事业不顺的心态如何调整?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 感情纠纷的咨询技巧威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 赣州网站设计 主要营销方式有哪些方面 网络安全 宣传 桂林网站设计 武汉网站设计公司排名 网络安全的关键技术有 网络安全执法案例分析 网络营销做什么 网络安全 读书报告 网店营销策划报告 网站营销方案 下列哪个属于常见的网络安全问题 信息安全用不用敲代码 珠海集团网站建设报价 信息安全课攻防实训 网站建设模板 关于网络安全的思考 营销名家 事件营销缺点 长沙建立网站 网站建设模板 微博营销网站的功能 网站建设公司 网站内容运营 分析我国网络营销现状 信息安全运维课程,-1 网络安全审核方案 网站营销方案 2017信息安全展览会 宣传网络安全法新闻稿 信息安全实例 优秀网站案列信息安全 教研室 网络安全 案例聚美优品营销策划 桂林网站设计 营销技巧 大连网站建 网站建设模板 信息安全测评服务 马云营销企业 长沙建立网站 网络营销做什么 国内营销公司 互联网大会 网络安全 信息安全实例 营销名家 中国网络安全协会 企业信息安全培训ppt 网站恶意刷 网络安全技术就业 事件营销缺点 珠海集团网站建设报价 网络口碑营销成功案例 信息安全核心 网站推广公司 du网络安全 断网 网络安全防护证书 华为 信息安全 直播营销节网站建的创新点 长沙建立网站 网站建站 v云计算在网络安全领域的应用 国家信息安全测评中心待遇 沈阳做网站的公司排名 深圳网站推广公司 网络安全练习 北大 网络安全 e营销网络版 du网络安全 断网 虎门做网站 信息安全 代码 许可e mail营销案例 网络安全新闻 仙桃网站建设 网站色调 营销技巧 临沂做网站 网络安全 宣传 营销讲师介绍 青岛市网络安全办公室 昆明信息安全培训,-1 搜索引擎营销 网络安全执法案例分析 国家信息安全测评中心待遇 网站建设公司 使用asp.net制作网站在制作相册时怎样添加图片呢? 下列哪个属于常见的网络安全问题 手机网站和pc网站 身边的信息安全 网络口碑营销成功案例 网络安全 读书报告 网络安全新闻 wifi 网络安全 身边的信息安全 网络营销基础知识 网站推广策略 我们的优势的网站 网络营销基础知识 杭州网站建设设计公司哪家好 网站内容运营 定制网站 网络安全 会议主题 网络营销必然性 营销员之家 单位信息安全等级保护工作 网络安全和信息化领导小组 对于网络安全的建议 网站建设模板 国家网络安全主题 信息安全测评机构 资质 网络安全防护证书 中国可信计算与信息安全会议 石家庄网站设计制作服务 网络安全服务费 网站营销方案 九九建站-网站建设 网站推广 seo优化 seo培训 网络安全等级保护备案 中国网络安全专家 厦门网站建设要多少钱 受欢迎的汕头网站推广 网站制作流程 网站建设公司 营销运营方 主要营销方式有哪些方面 网络营销必然性 网站制作流程 网络安全法颁布的意义 1对1营销案例 国内营销公司 网络安全法颁布的意义 沈阳做网站的公司排名 网络安全防护证书 路由器 网络安全 信息安全评测 个人注册网站.com 信息安全 小技巧