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 企业网站项目流程 信息安全工作面临的挑战 公安部网络安全研发 信息安全评测师职责 网站制作流程图 网站推广外包 中央信息安全管理中心待遇,-1 纠纷的自我保护咨询【www.richdady.cn】 人际关系不好的沟通技巧【www.richdady.cn】 公司破产的咨询技巧咨询【www.richdady.cn】 孩子不爱读书的家长引导【www.richdady.cn】 官司咨询【www.richdady.cn】 特殊学校的前世影响咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 年轻人过世的常见原因威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 家宅磁场的调整方法咨询【微:qq383550880 】√转ihbwel 纠纷咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与女友前世的前世修行【σσЗ8З55О88О√转ihbwel 存不住钱的原因分析【σσЗ8З55О88О√转ihbwel 不爱读书的原因分析咨询【微:qq383550880 】√转ihbwel 人际关系不好的解决方法咨询【σσЗ8З55О88О√转ihbwel 老公家暴的前世因果咨询【www.richdady.cn】√转ihbwel 莫名其妙感伤的前世记忆咨询【企鹅383550880】√转ihbwel 莫名其妙感伤的咨询技巧咨询【微:qq383550880 】√转ihbwel 忧郁症的原因分析咨询【σσЗ8З55О88О√转ihbwel 外灵干扰的真实案例分析【企鹅383550880】√转ihbwel 灵魂治疗与心理辅导【企鹅383550880】√转ihbwel 财运不佳的案例分享【σσЗ8З55О88О√转ihbwel 看网络营销教程心得 小米盒子网络安全性wpa wifi无线网络安全意义 福州网站建设网络公司 营销师网 趋势科技网络安全证书 网站 托管 建立政府公众网站的目的的 网站营销公司哪家好 网络安全加固方案 广州网站优化公司 互联网 与传统营销区别是什么 免费做外贸网站网络营销低价定价策略 杭州信息安全测评 网络安全与文明 网络营销考研考什么 信息安全实验系统 京东 网络营销部 山东省信息安全大赛试题 北京企业网站开发多少钱 信息安全评测师职责 临清网站建设 非常成功的营销策划 网络安全工作小组 网络安全的隐患 临清网站建设 珠海移动网站建设报价 安全等级是国家信息安全监督管理部门对计算机信息系统( )的确认. 网络安全的主要威胁有哪些 南京网站推广 信息安全管理人员 国家网络安全法与电网 网站制作推广 209国家信息安全专项 乌海网站建设 联想信息安全服务资质 联想信息安全服务资质 昆明网络营销实战培训班 企业网络营销应用分析 网站建设未来发展前景 推广类网站 哪些是网络安全 杭州信息安全测评 南宁市网站建设哪家好 网站营销公司哪家好 网络安全培训机构有 网站类型网站名称表现主题内容设计色彩搭配服务对象综合网站个人网站 信息安全实验系统 网络安全测评中心 淄博网站设计 专业的网络营销培训 整合营销策略 营销型网站建设公司cissp 通信与网络安全 事件营销分类 聚美优品营销模式分析 深圳网站建设公司 珠海网站建设哪家好 网络安全有关职位 工业信息安全政策体系 泉州网站设计 建立政府公众网站的目的的 网络安全威胁情报市场 杰森影像网站建设 中央信息安全管理中心待遇,-1 网络安全有关职位 网站制作推广 中山企业网站建设公司 绿盟科技 网络安全排名 小米盒子网络安全性wpa 网站营销公司哪家好 珠海移动网站建设报价 四川网站设计 外贸营销型网站 浙江省网络安全事件 移群营销 有哪些公司是营销公司 病毒营销的定义与特点是什么意思 山西信息安全管理中心 360网络安全实验室 中国网络与信息安全大会 成都 信息安全 工作 网站建设经验心得 泉州网站设计 网络安全工作小组 2016网络安全大事件 建湖建网站的公司 微信手机网站 珠海网站建设哪家好 嘉兴网站优化 杭州信息安全测评 企业网络营销数据 网络营销的基础与实践 呼和浩特网站建设 信息交流与网络安全 wifi无线网络安全意义 营销师网 网络安全的主要类型 乌鲁木齐网站建设 南京网站建站公司 企业网络信息安全公司 企业网络信息安全公司 衡水网站制作报价 信息安全实验系统 四川大学网络安全硕士 国家网络安全检查操作指南 知名信息安全公司排名 青岛网站设计哪家好 北京企业网站开发多少钱 外贸型网站制作 信息安全工作面临的挑战 qq网络安全有哪些 企业网络营销应用分析 中国网络与信息安全大会 广州网站建 网络营销的基础与实践 手机端营销 信息安全就业好吗 大连网站优化公司 信息安全评测师职责 嘉兴网站优化 淄博网站设计 移群营销 网络安全技术试题如何防范拒绝服务攻击? 临清网站建设 电子营销书 报考互联网信息安全 义乌 外贸网站 开发 非常成功的营销策划 多媒体营销 建网站价格 苏州高端网站制作 社会 信息安全意识 社会 信息安全意识 信息安全技能训练 网络营销师在哪里报考