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石家庄网站推广营销的功能网络信息安全案例网络安全加固设计方案当气温骤降,末日是否即将到来? 直到人们发现,这一切的一切才开始救赎。智慧的头脑与冷静的心,是面对这一切的最好决策。现代科技不断更新迭代,那厚厚的冰墙却还是亘古不变。为什么? 冰的另一端是什么?这没有人知道。或许是另一个国度,又像是真理的尽头。虚无缥缈的希望与能砍破一切的破冰刀,在人们的手中,又有多少的绝望? 破冰者,这个时代的荣耀,但谁又知,成就之困难。唯有在绝望中诞生的,或许可以借助这一切,去往之真理的圣地。 “所及之处,处处是路,处处是光明,还有先辈们的脚印与他(她)们的热血_”一个只处理监管之外事情的部门,不管是灵体,科技怪物,还是超人类都在其管辖范围。 我已经存在很久,很久了。我们的世界是否有那不为人知的一面。 黑暗的城市里传来咔呲咔呲声。 像是某些动物在啃食着骨头。 天空上的一轮血月,赫然无比。 一位少年持刀而立。 他衣不蔽体,周围几人的身上也只剩下了单薄的衣裳。 他不禁喃喃道:“再用这把武器我就是狗!” …… 算了,狗就狗吧,汪汪汪!讲本篇讲述了男主陈云父母被神界之人杀死,为了报仇努力变强,成为世界之巅,手刃仇人,最后开辟了新的修真界,简单易懂 天下第一书 只为世间善良者所写,大奸大恶者看此书必死 看了就延迟衰老,懂了就长生,全书通读者皆可成仙 如果世间需要圣人时他却不在那么就让我来当,如果世间需要神仙时它却不在那就让我来当。 圣人渡人使其自渡绝不强求。 渡善者使其变强只为除恶, 渡恶者使其自弃绝不姑息。 待我完书之时便是神出恶尽之日。 秦煜魂穿大唐,激活了个说书系统,却没想到开局任务就说【长生诀】。 秦煜:在大唐说长生诀?系统你怕不是嫌我死的太慢!你咋不叫我去讲玄武门之变? 系统:那就讲玄武门之变,要么现在死! 秦煜:我也不是怕死,就是爱讲玄武门之变! 李二:听个书,结果听到揭秘玄武门之变!这厮当真是不怕死呀 重生在架空的大汉,刘贺一觉醒来,成了大汉的皇帝,原以为是穿越者的福利,殊不知…… 与历史上的汉废帝一样,刘贺将面对一千一百二十七条罪状,黯然离场! 环视群臣,刘贺表示心好累。 左相梁冀,右相蔡京,帝师司马懿,太师董卓,吏部尚书严嵩,刑部尚书来俊臣…… 武将有:大将军何进,义子其一安禄山,另一吕布,还有朱棣,孙权,鳌拜,以及四方将军赵括、马谡、邢道荣、李广利。 以及分封各处的异姓王:吴三桂、孔友德、韩信等…… 后宫阵容更是豪华:东宫太后赵姬,西宫太后吕雉,皇后芈月,贵妃杨玉环,昭仪苏妲己,才人武媚…… 以及历史上祸国乱政必不可少的太监团队:东厂曹正淳,西厂雨化田,中车府令赵高,十常侍张让等…… 更兼外敌如大元、大满等虎视眈眈。 境内诸如黄巾军、梁山等反贼势力丛生。 天下会、天门等武林势力与护龙山庄朱无视等对峙…… 地狱开局,刘贺有心杀敌,无力回天! 幸好,天命加身,得系统辅助,刘贺将借此,步步为营,成就千古暴君! 麒麟山惊现悬疑古墓,竟与叶林拍摄的短剧一模一样? “这是短剧?这是预言家吧!” “我赌一包辣条,这是个盗墓贼。” 全球火爆,美女警官找上门,叶林的身份也藏不住了……现实社会故事,乞丐王子寻根记: ——主人翁进省城寻根,事与愿违,陷入艰难重重,不断跌进人生最底谷,受尽人间苦难折磨。人世间的爱情、亲情总是那么的残酷和煎熬! 曾经你可以拥有的时候,你不知道珍重珍惜,当失去后才懂得珍贵……但那一切却已不可挽回!曾经就站在你的面前,内心对你千呼万唤的渴求,可你却视而不见无动于衷。当一切都云消雾散后,你才反应过来那是多么的难能可贵……人世间最大的悲哀,也许莫过于此了! ——故事情节和人物不断的反转,极度虐心虐爱,会让人无比心痛难受……(本作品故事会比韩剧《对不起,我爱你》、国产剧《搭错车》更虐人。) ——《龙凤大劫难》QQ群:1776560936,欢迎加群对本作品发表见解。无垠宇宙,神秘实验,再次展开。 地球少年,只身异界,风生水起。 十方世界,芸芸众生,蝼蚁而已。 我鬼钊一人,撑起魔道一片天,足以!
网络营销 有产品 中国网络安全局 4月29日网络安全日 信息安全服务资质认证公司名单 手机模板网站开发 外贸网站定制 青岛网站设计公司电话 个人网站建设 免费 个人网站建设 免费 平台信息安全险 存不住钱的财务规划咨询【www.richdady.cn】 如何克服升迁障碍?【www.richdady.cn】 家庭关系的心理调适咨询【www.richdady.cn】 孩子不爱读书的应对策略咨询【www.richdady.cn】 官司的法律咨询【www.richdady.cn】 学习成绩差的自我提升咨询【σσЗ8З55О88О√转ihbwel 前世今生的轮回解析【企鹅383550880】√转ihbwel 前世今生的神秘故事咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 老公家暴的应对方法【微:qq383550880 】√转ihbwel 与公婆前世的咨询技巧【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世老公的前世缘分咨询【微:qq383550880 】√转ihbwel 财运不佳的风水调整方法有哪些?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 孩子厌学【企鹅383550880】√转ihbwel 暗恋的心理调适威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 大龄剩女的婚恋困惑威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 大龄剩女的婚恋经验【www.richdady.cn】√转ihbwel 升迁障碍的职场晋升技巧有哪些?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 老公家暴的咨询技巧【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 与女友前世的记忆解析【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 失业的自我提升【微:qq383550880 】√转ihbwel 网站搭建公司官网 优质的营销网站建设 通信网络安全合格证 信息安全研究院 招聘,-1 权威的手机网站建设 深圳品牌推广营销策划 个人网站建设 免费 网络安全扫描的内容 寻找石家庄网站建设 网络安全渗透测试 如何建购物网站 免费商城网站 重庆做网站 学生 网络信息安全 沂水网站优化 外贸网络营销教材 功能性网站制作 盈利型网站 信息和网络安全 北京 网站建设 中国网络安全局 深圳营销课程培训 重庆做网站 网站防采集 网站如何被百度收录 2017网络安全会议搜索 商务网络营销 4月29日网络安全日 台山网站建设 2010年网络营销常用词 网络营销 有产品 网络营销工程师自学 网站建设品 网站建立公司四川 设计网站的优势 深圳营销课程培训 信息安全 咨询 网站背景音乐 什么样的网站 网站的营销与推广方案怎么写 国家网络与信息安全管理中心官网 什么样的网站 浙江省网络安全办公室 网络安全实验室 注入 网站开发 价格 广州做网站 绵阳房产网站建设 信息技术与信息安全 linux系统的优点完全免费代码开源 建湖建网站的公司 服装网站 欣赏 如何运用网络营销渠道 网站左侧滚动带微信二维码的jquery在线qq客服代码 4月29日网络安全日 网络维护网站美工 信息安全国际会议 网络安全完全宝典 电子商务烟台网站建设 平台信息安全险 广州做手机网站咨询 外贸网站定制 计算机信息安全的基本要素 深圳品牌推广营销策划 青浦网站建设 陕西省网络安全大赛 常州互联网营销公司 营销解决方案 聚美优品事件营销 电子商务烟台网站建设 美国国家网络安全联盟 杭州 平台 公司 网站建设 cap 网络安全 2010年网络营销常用词 被通知公司网站域名到期 网络安全 银川 青浦网站建设 网站模板设计 重庆做网站 微信领袖营销案例 信息安全等级定级 社会营销观念星巴克 网络安全服务上岗 2017网络安全会议搜索 网站建设品 诺一品牌营销 个人网站建设 免费 网络安全服务上岗 网络安全去哪里学 网络安全字体 精湛的佛山网站设计 网络安全去哪里学 社会营销观念星巴克 信息技术与信息安全 linux系统的优点完全免费代码开源 事件营销分类 郴州网站建设公司 北京大学信息安全导师互联网营销含义 网站左侧滚动带微信二维码的jquery在线qq客服代码 广州做网站 信息安全研究院 招聘,-1 邢台做网站可信赖 网络安全完全宝典 网站搭建公司官网 模板型网站 广州网站建设工作室 外贸网站定制 重庆微信网站开发公 台山网站建设 如何扫描网站漏洞 2016网络安全热点问题 信息安全管理员定义 手机模板网站开发 信息和网络安全 建立政府公众网站的目的的 信息安全 咨询 重庆做网站 网络安全责任的了解 大同网站建设 搜索引擎优化和搜索引擎营销 网站设计说明书 通信网络安全合格证 重庆营销型网站设计 福州网站设计 北京 网站建设 建立政府公众网站的目的的 海南网站优化 响应 信息安全 网络营销工程师自学 诺一品牌营销 软营销 网络安全攻击和防御 企业网络营销应用分析 淮北网站设计 信息安全研究生学校,-1 遵义网站建设 浙江省网络安全办公室 信息安全服务资质认证公司名单