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
网络市场的营销策略分析许可营销工具有哪些厦门企业官方网站建设网络营销淘宝手机app网站建设潮州seo营销南通网站建设空间网站聚合页网站建设收费标准报价信息安全的建议和意见叶尘从小就是孤儿,大学刚毕业没多久,一次意外遭遇车祸,觉醒系统从此扭转人生,手握亿万财富,开启一段不一样的人生。 (女帝,气运,悟道,天才,争霸) 瑶池圣女:手握日月摘星辰,世间无他这般人。 青莲剑圣:不会真有人觉得,世子大哥是凡人? 狠人女帝:不为成仙,不为成帝,只为在红尘中长伴君之左右! 君逍遥很难受。 他一句话,让女帝娘子,悟出了一念花开,君临天下。 他一首诗,让青莲剑圣,明了了绝世剑意,万古长歌。 他一幅画,让瑶池圣女,炼成了六道轮回,造化天功。 气运之子,一路高歌,一路横推,一路喊着世子才是真无敌! 君家世子,一直羡慕,一直苦笑,一直都是平平无奇小世子…… 终有一日,荒域大乱。 君逍遥破了老祖留下的世子不能出府的预言。 惊天动地的事发生了。 我为天子镇国门,血染江山亿万里! 不出世则以。 一出世必成天下第一! …… 传说中的世界眼将数万人带到他创造的世界里,目的就是让他们在自己创造的数据实体化世界中成长,最后将自己杀死。这群人来自不同的时空不同的世界,其中有一群人相遇在一起......您好,欢迎致电最高派遣局。我们接受任何委托,目前预约需要排队。您问我们是谁?抱歉,无可奉告。 主人公出生于七十年代末期的唐城,初中辍学混迹社会,后来转型做了拆迁工程。一次中标后被仇家追杀,死于车祸。重生回到90年代初中学时代,中年大叔的思维,青春期躁动的身体,造成矛盾的心理。为了实现一个小目标而绞尽脑汁,追求初恋女友爱而不得,蝴蝶效应导致很多另一世的事情并没有发生,但是很多事情却殊途同归,让主人公患得患失,本以为不会再有交集的另一世老婆也在冥冥中安排相遇,躲开吧,他低估了爱情的力量!有没有听过这样一句古话,和平年代,动物不能成精。精,俗称妖精,以动物之身,夺天地之造化,识人性,通人慧,为人敌!从大兴安岭来到围子的外乡人于不易,通过一些奇遇被人尊称为母子,在围子这片土地上一统围子,立新王朝,国号为母,世人称其为围子大帝。传说围子大帝和旗下7个大将,在如今已经成为天上的8位大仙也就是围子八仙。架空异界,拥有反派系统的玄谨作为一名正儿八经的外表柔弱内心善良的真白莲bushi,只是想完成(摸鱼)系统任务而已 玄·快乐划水大师·谨:森林野生兽娘!清冷高傲成熟萝莉!好耶!再让我康康来,等等,为什么我戴上了脚铐?嗯?!! 玄谨看着脑海里残缺的剧情,面对眼前言笑晏晏被他三刀六创死透透又复活的未婚妻,这剧情不对啊。 “哥哥,我找到你了哦。” 一只优质的白莲花在穿越中不断自我完善的。架空小说。 曹孟德的魏国一直持续到公元1984年,同样,刘玄德和孙仲谋的蜀国和吴国也是如此。 魏国于83年前从封建制和平演变为民主制,除了国名更改为大夏民国外,一切章法基本未变,皇室也象征性地保留着。 吴国于33年前变革体制,较魏国变得彻底了一些,最明显的就是婚姻制度实行一妻多夫制。 蜀国在今年年底也要对实行数千年的一夫一妻多妾制进行变草,是改为魏国的一夫多妻制,还是吴国的一妻多夫制,则要举行全民公投。 魏国15岁的宋琦仗着拥有上一世的记忆,在阴差阳错间改变了三国格局,统一三国,顺手还灭了恶邻倭国。同时顺应历史发展的潮流,婚姻制度实行最为文明的一夫一妻制。 恩格斯说:一夫一妻制家庭的产生和最后胜利乃是文明时代开始的标志之一。邢毅开车送公司经理亲属回乡下,回来遇到暴雨将他冲进山洞,被同事从工厂深水泵井里救出,意外发现自己重生回到二十五年前。 前世上,他二十五岁时进入锦绣县宏达道桥公司,这里有高中时的同学,公司的骨干精英,未来的掌舵者。然而并没有得到同学的关照,反而遭遇冷落,被瞧不起。 他干的是混泥土搅拌工,钢筋帮扎工,搬运工等等,二十五年都在基层一线,因能力弱,胆子小,没能耐,无法扭转自己的命运以及家庭生活面貌,妻子在邮电局做职员,屡被上司欺凌,儿子到就读年龄择校时门槛高耸,父亲被冤屈下放农村,母亲患病也未能进行最好的治疗……一句话,他一辈子活得类,窝囊,不值。 上苍安排,让他的人生再来一次,从此他的工作,事业,爱情,父母、家庭,孩子……且看他怎样展开,怎样掌控渐次而来的机会,怎样应对一并降临的竞争和阻碍,完成新的使命,从而实现人生逆袭。
什么是营销型网站 厦门企业官方网站建设 虹口专业做网站 网络安全宣传报道 高端全网整合营销推广 网络安全信息培训 信息安全人才培养计划 建 导航网站好 信息安全等级评测机构 优异网站 升迁障碍的职场转型咨询【www.richdady.cn】 失业后如何快速找到新工作咨询【www.richdady.cn】 冤亲债主【www.richdady.cn】 前世今生的改命方法【www.richdady.cn】 冤亲债主的干扰与超度【www.richdady.cn】 孩子学习不好的家庭教育咨询【企鹅383550880】√转ihbwel 如何识别冤亲债主干扰【σσЗ8З55О88О√转ihbwel 莫名其妙感伤的原因分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 财运不佳的咨询技巧咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 忧郁症的咨询技巧咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵的超度仪式如何进行?【微:qq383550880 】√转ihbwel 官司的解决方法咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 脑部不清晰的心理调适【σσЗ8З55О88О√转ihbwel 存不住钱的前世因果【www.richdady.cn】√转ihbwel 不爱读书的解决方法【www.richdady.cn】√转ihbwel 不爱读书【σσЗ8З55О88О√转ihbwel 意外事故的主要原因分析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 改善亲子关系的技巧【www.richdady.cn】√转ihbwel 公司破产的心理调适咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子不爱读书的原因有哪些?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 信息安全等级评测机构 属于网络安全服务机构 信息安全博士,-1 网络安全层次 做营销软件下载 天津网站制作 网站建设公司是什么 网站营销方案 网站建设收费标准报价 信息安全与通信行业协会 国家信息安全人才 锤子2017整合营销 网站建设平台招商 网站由哪三部分构成 六盘水网站建设 网站 动态 《网络安全法》的征文 网络市场的营销策略分析 网络安全局头像 信息安全等级测评网 国外信息安全工具 信息安全网址 网站建设 浏览器兼容 常州企业网站建设价格 网站设计收费明细表 陕西网站建设多少钱 2014年中国计算机网络安全年会 北京网站建设公司收购 科技类网站色彩搭配 网络安全杂志 app 属于网络安全服务器 国内网络安全50强 公安局网络安全设备 南宁营销型网站建设 许可营销工具有哪些 网络安全取证 北京网络安全培训网络安全投诉 手机app网站建设 计算机信息安全保护等级网站如何优化 杭州网站建设设计公司 盐山网站建设 全网营销的主流模式 模板网站与定制网站的区别 上海网络信息安全员 国际信息安全学习联盟邀请码 网络整合营销的例子 网站报价书 厦门做网站培训 网络安全宣传报道 网络安全扫描器nss 国外信息安全工具 商城建网站 系统信息安全 青岛做网站 网络安全扫描器nss 联盟网站 网站建设品牌推荐 网站建设收费标准报价 联盟网站 网站建设入门 杭州网站建设设计公司 无网络安全win10 wifi 深圳手机网站开发 微信营销经典案例 网站建站前期准备工作 属于网络安全服务器 百度网站的优点 网站 动态 信息安全博士,-1 唐山网站建设哪家优惠 网络安全圈2017 晋江网站建设 网络安全产品配置与管理 什么是网络营销品牌 公司网站的专题策划 怎么管理网站添加代码 网页类网站 网络营销定价的基础 信息安全专业认证证书 网站建设收费标准报价 中科大信息安全如何 陕西网站建设多少钱 全国信息安全法规 全网营销的主流模式 《网络安全法》的征文 做营销软件下载 网站设计师接单 山东企业网站建设 手机app网站建设 互联网广告营销案例 新都区网络营销 浙江省信息安全等级保护测评机构 网络信息安全技术人才 杭州g20峰会 信息安全 虹口专业做网站 系统信息安全 网站设计与制作 国家网络安全应急工程技术研究中心 网络安全协议 pdf 网站利用百度离线地图 网络信息安全风险解决方案 虹口专业做网站 天津网站设计 苏州网站制作 六盘水网站建设 2014网络安全大会 网络营销注意的问题及对策 佛山网站制作 山东企业网站建设 属于网络安全服务机构 营销的价值 量子计算和网络安全 信息安全资质认证申请,-1 网站建设平台招商 建 导航网站好 网站设计师接单 网络安全证书已过期或不可信 整合网络营销方案 保定 营销型网站建设 网站设计与制作 惠州网站开发公司电话 电商营销存在的问题及对策 网站设计与制作 信息安全资质认证申请,-1 优异网站 中国信息安全 杂志 信息安全博士,-1 《网络安全法》的征文 2016年信息安全大事件 网络安全评估资质 2017信息安全大会rsa国家网络安全报告 网站建设品牌推荐 网站建设 浏览器兼容 南宁营销型网站建设 网页类网站