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
病毒营销的特点是什么美国计划于2015年建立哪三支网络安全部队公安网络安全保卫培训银行员工如何防范信息安全建论坛网站邮件营销策划高端电子网站建设网络安全基础ppt广州微网站建设效果互联网网络安全周一个穷小子,机缘巧合下的一次重生,让他有了重新改变命运和环境的机会,面对家徒四壁负债累累的家庭,面对那个偏僻的小山沟,他一改过去的作风,踏实勤奋,刻苦拼搏,不但让自己和家人过上了受人尊敬的生活,而且,他还积极帮助乡亲,让一个外面闻所未闻的小山沟成为闻名遐迩的富裕之地,最终他的事业走向全国,冲向世界。一位小家族出身的李星幼时父母便不知所踪,由于父亲犯下的错,使得他倍受同族欺凌。资质平平的他在炼丹方面却天赋卓绝,偶然得到一门顶级功法,书中竟有强大的书灵,在书灵的悉心指导下,他的修为也一日千里,他立志要成为大陆最强修仙者,为自己正名。拥有一扇两界门,可以自由出入影视的时空! 随后他发现,他已经成了诸天最大的敌人!皇帝倒台后,各地军阀割据,民不聊生。货郎一家五兄弟各自走上不同的道路,老大小货郎一步步逐渐做成大生意,开的分号遍及周边。鼎盛时期竟然可以自己发行小区域流通货币。 老二在家务农种田。老三更是成为一代当地名医。老四和老五分别参加了不同的对立双方,直至把枪互相。怎样抉择?敬请阅读本书深居野林神秘老道,一手培养出七位足矣撼动华夏的绝美女徒弟。今日,又一名最小男徒儿罗峰顺利出山。 罗峰:“我是老逼灯培养出最垃圾的徒弟,没什么本事,就想吃吃软饭,苟且度过这一生。” 师父:“什么,他说他最弱?难道我没有告诉过你们,那小子身怀诡秘?” 师姐:“我好像发现我们的小师弟越来越不对劲儿了,为什么世界各大强者都来跪舔他?” 一位来自于世界黑暗深处的顶级势力后裔之子,出生便被抛弃做弃子,偶遇华夏旧时代战力天花板老疯子和七位倾城倾国的大背景七位师姐,从此掌握七大绝学误入都市豪门,卷动江湖风云,走上自证强者之路。在某个时代,大陆上出现了两大种族,一个是人族,一个是魔族。一个少年,立志成为名魔法师,奈何上天给他开了个很大的玩笑。主角:神马,我是魔法师么,怎么不能使用魔法呢? 主角敌人:我擦,使用魔法使用魔法呗,怎么上来就用禁咒最次还是高级魔法。 人族:这货可以带领我们走向胜利。 魔族:这个人类很牛逼,我们搞不过他,不如派美女诱惑吧。 搞笑模式正式启动。启动加载99%。加载失败,重新加载中我奉劝各位不要沉迷游戏,游戏不仅浪费时间和金钱而且影响正常的学习、生活和健康... 什么! 居然有人敢攻击我天华城? NND! 好了,不废话了,老子要去砍死那帮NPC。 .... 处于修炼世界最底层的李成双因为一个梦激活了天灾召唤系统,能从蓝星召唤名为“玩家”的生物。 从此,这个世界的画风变了。 低级城主:你说天华城那大鸟比我还快? 中级城主:你说天华城那胳膊粗的玩意儿堪比我全力一击? 高级城主:你说高级魔兽被天华城堵在门口杀? ....一名少年天赋异禀,因被手足残害险些命丧他手,不曾想因祸得福在机缘巧合之下寻得仙界神兵。当绝世神兵再现,引仙魔觊觎之时,他又将迎来一场怎样的命运呢?方少藏站在金銮殿上,轻轻的拿剑抵住那位的喉咙,一脸无奈的说道: “我只是一个平平无奇的读书人。” “也只想读读书、下下棋、看看风景……” “顺便报个仇——” “至于为什么会弄得天下大乱,改朝换代。” “那跟我有什么关系!” 我只是个儒雅随和的读书人啊!美女别跑呀! 落魄单身狗---林枫内心抓狂。 《人生游戏》? 你,这是个什么样的游戏软件呀? 魔幻! 令人不敢想象,可这一切正诡异地发生着…… 老天爷哪!这个世界到底怎么了? 世人震惊地看着这个变幻莫测的世界,眼里满是恐惧…… 红芒! 满眼是红芒!
电子邮件营销软件有哪些 网站建设插件西安做网站的 东莞网站改版 sem营销策划方案 态势感知 网络安全 洋码头 营销活动 美国计划于2015年建立哪三支网络安全部队 信息安全系 南京网络营销推广外包公司 阜新网站建设 祖灵与家运的关系【www.richdady.cn】 解梦咨询【www.richdady.cn】 自闭症的治疗方法【www.richdady.cn】 祖灵的超度仪式咨询【www.richdady.cn】 缺心眼的心理调适咨询【www.richdady.cn】 孩子学习不好的咨询技巧【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世老公的前世影响【σσЗ8З55О88О√转ihbwel 自闭症的环境影响咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 投资项目的前世记忆威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子学习不好的解决方法【www.richdady.cn】√转ihbwel 邪灵对人的危害【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 失业的职业规划威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 亲子关系的教育建议咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 无形干扰对工作效率的影响咨询【微:qq383550880 】√转ihbwel 升迁障碍的职场突破【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 升迁障碍的职场晋升技巧有哪些?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 脑部不清晰的解决方法【微:qq383550880 】√转ihbwel 强迫症咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婚姻生活不顺的自我提升咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 心慌胸闷头晕的原因分析咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 国家信息安全周 昆山网站制作哪家强 我国中小企业应该如何进行网络营销采取的策略有哪些? 南京网站设公司 信息安全系 中国黑白it信息安全 信息安全属于那个学院 信息安全运维实用技术 安徽网站制作 乔布斯式营销 注册网站 郑州建设网站 小学生网络安全教案 优秀网站制作 单页网站 互联网 信息安全 完整的营销流程 海珠做网站 网络安全技术与防范 深圳网站维护有限公司 信息安全系 中国黑白it信息安全 信息安全属于那个学院 信息安全运维实用技术 安徽网站制作 乔布斯式营销 注册网站 郑州建设网站 小学生网络安全教案 优秀网站制作 官方网站欣赏 亚太网络安全 互联网有什么营销资源 网络营销机会分析报告 深圳网站维护有限公司 上海网站设计建设 网络安全证明 公司网络安全管理网络营销第5版中文13章 北京信息安全产业 网络营销环境分析步骤 网站建设模式有哪些 万网做网站 网站建设插件西安做网站的 互联网 信息安全 银行网络安全风险评估 路由器网络安全密匙 营销的表现形式有() 德阳网站建设 对企业信息安全的建议 福州网站建设案例 个人备案能建立企业网站吗 国家网络安全技术创新 完整的营销流程 沈阳网站设计 互联网营销平台 网站中如何嵌入支付宝 网络安全漏洞的定义 拍拍网营销 昆山网站制作哪家强 网站建设与搜索 北京企业建立网站 视觉营销就是网络营销 信息安全保护是指,-1 网络安全证明 网络信息安全 撤销网站迈克菲网络安全套装 sem营销策划方案 公告网络安全 网络安全技术与防范 sem搜索引擎营销案例 顺义手机网站设计 安徽网站制作 南京网站设公司 公司网络安全管理网络营销第5版中文13章 观点网站 河北网络安全事件 数字化营销的特点 邮件营销策划 北航信息安全专业 网站建设深 第十五届中国信息安全大会 电子邮件营销软件有哪些 官方网站欣赏 互联网整合营销策划 网络营销资源合作 网站设计公司 无锡 亚太网络安全 网络安全会议北京 河北网络安全事件 信息安全共享 airbnb营销方式 网站商城系统 中国黑白it信息安全 网站中如何嵌入支付宝 企业使用的网络安全技术 病毒性营销 sem搜索引擎营销案例 中国黑白it信息安全 信息安全属于那个学院 德阳网站建设 营销工程师 信息安全属于那个学院 银行员工如何防范信息安全 2017年信息安全报告 东莞网站改版 上海知名网站建设公司 信息安全保护是指,-1 网站策划方案 昆明网站建设价格低 武汉网站开发 北京企业营销策划公司 办公室 信息安全工作 网站设计存在的不足 酒泉做网站 网络营销的竞争分析报告 公安网络安全保卫培训 安徽网站制作 整合营销公司简介 合肥赢点网络营销策划有限责任公司 海珠做网站 网站策划方案 对网络安全有何感想 网站策划制作公司 四川网站制作哪家好 深圳信息安全服务公司,-1 乔布斯式营销 无锡建设网站制作 单页网站 2014广东省信息安全 深圳信息安全服务公司,-1 注册网站 第十五届中国信息安全大会 网络安全第几级 注册网站 网站建设模式有哪些 网络营销的竞争分析报告