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
免费做网站个人网站制作网页网站信息安全峰会东软集团网络安全产品口碑好的无锡网站建设微博网络营销团队中国网络安全大赛试题外贸营销方式网络安全 人才 2017邮件营销edm侠,以武犯禁。 魔,以欲乱世。 当一个力量与技巧都达到极致的存在出现在这个世界上时是怎样的体验? 这是一个杀戮机器逐渐成长为人的故事....   落天?改夺小妹天命,牺牲自己成为所诛之害。 这条孤独路你能走多远?一个人孤行的滋味如何?将自己逼成一个阴深的魔鬼,你注定是一个失者,弃者。 落秋雪,由兄长血肉铺成的路,走的可是舒服? 安卿言,身为七微古丹星,你能除魔护世吗?如果那人是是你之至交呢? 冷寒秋,少了注定一世悲绝的命运,多了一世安然,如何呢? 尘月,你,又如何? 落天九辰,你又为何? 落天,谋算自己的死亡如何呢,是何兴致万分? “落所做之事,无人能改易,纵是执笔的你也无能改变!” “小妹吾,一定记得恨吾!” 哦?牺牲万千,却只希望她用恨记得你?你真是惨忍啊,落天,不我应叫你心病寻医,还是天暇无枢,又或上虚无辞?算了,古今一记,帝君神心,安泽儿,玄玄子,墨心无藏,神殊,鬼劫,这些名字中你自选吧。 “千面之主,尔何敢知道吾之本质?” “仙洲灭亡与七方三本一净之计,亦无人可挡 只因发现了院长不为人知的秘密而被院长开除,重返武院后开始了和院长斗智斗勇的故事……先别感到无趣,这,只是我传奇一生的开始!叶凡上一世的仙王老婆重生归来,找到叶凡带他走上修仙路。 斩魔帝,斗五宗,破天穹,打开仙路,直杀天穹,带领全民修仙。 我的时代谁敢称无敌!上来一战! 以双修正道!这是一个源灵的世界,也是人族凋零的世界,万族镇压,人族前路何在? 王战穿越源灵大陆,成为王家老祖,觉醒源灵召唤系统,老骥伏枥,志在千里,以暮年之身,再为人族血战八方! 万族天骄欺压,人族天骄嬴政、刘彻、李世民等艰难前行,只为护人族百世不衰! 那一日,满头华发的王战自大后方而出,向万族宣告:吾乃人族天骄护道者,谁敢欺我人族天骄?欺我人族? ………… 大儿子王腾:“我人族出了护道者叫王战?跟咱爹同名啊!” 孙子王浩:“爸,不用怀疑,那就是爷爷!我跟他老熟了!” 孙女王若书:“我爷爷超无敌!” 内心孤独的他,是黑夜里的精灵,遇到的一件件匪夷所思的事情,常常令他游走在现实与虚幻的边缘。 在他身边,一个个灵异故事正在发生着…… 黑暗最深处,有邪魔乱舞,也有人性闪光。 愿你孤身行走在黑暗之中的时候,能有人为你点上一盏灯,温暖你的心,照亮你前行!幸运与不幸,冥冥之中自有定数。幸运也好,不幸也罢,既然来到了这世间,怎么也得好好看看,这是个怎样的世界!18年独自生活,无依无靠的乞儿刘田,在人世遭受苦难将死之际,忽遇神秘中年人从天而降,挥手间让其重获新生,并将掌管世间隐秘的天道馆控制核心《天道馆章》交给了他,而后又匆忙离去,此人是谁,又有何目的,刘田这小人物是否能够逆天改命从此走向人生巅峰,就让我们在往后的日子里一同探索,共同见证吧!得罪神仙、开启神奇人生 少年、想要拥有逆袭人生吗?、来挖矿、你会拥有一切。 姑娘、想要摆脱世俗看法、成为一方女帝吗?、来挖矿、你可以打破规则 人烟罕至的深山之中、一群人深夜加班挖矿、是人性的扭曲、还是道德的沦丧 请关看;用双手挖矿、成就无上仙位、让我们一起走进这片幻想世界、近观伪历史进程 本书又名:《炒股致富真是太难了》、《韭菜的自我修养》、《如何不被股市绿》、《技术流&amp;amp;价值投资流的选择》、《亏损八成的我是如何回本的》、《斩断亏损让利润奔跑》、《拒绝成为股市中的乌合之众》、《炒股就是赌运气,别用实力亏掉靠运气赚的钱》······ 看铁逵炒股直播的网友们表示,以上书名都是错的,本书应该又名:《可恶,又被他买到涨停股了》、《放开那个涨停板,让我上!》、《高喊要亏光的他又赚到了》、《他真把股市当取款机》、《我要拜他为师学炒股》、《买股票一定要跟紧他的步伐》······
武汉网站建设企业 信息安全包括数据安全和 自己做网站 网站策划网 信息安全发布 外贸营销方式 网页网站信息安全峰会 基于攻防对抗的网络安全动态评估方法 通州网站建设 如何利用饥饿营销 家庭关系的心理调适【www.richdady.cn】 官司的前世因果【www.richdady.cn】 财运不佳的财运提升【www.richdady.cn】 心慌胸闷头晕【www.richdady.cn】 财运不佳的自我提升咨询【www.richdady.cn】 财运不佳咨询【企鹅383550880】√转ihbwel 事业不顺的职场瓶颈如何突破?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 孩子不爱读书的家长引导咨询【微:qq383550880 】√转ihbwel 孩子不爱读书的阅读习惯【σσЗ8З55О88О√转ihbwel 头脑混沌的自我提升咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世缘份的前世影响【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 大龄剩女的婚姻选择咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 如何识别冤亲债主干扰咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 财运不佳的原因分析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 事业不顺的职场突破咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 事业不顺的原因分析【微:qq383550880 】√转ihbwel 与公婆前世的记忆解析【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 暗恋的解决方法【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 构建和谐亲子关系的方法有哪些?咨询【www.richdady.cn】√转ihbwel 财运不佳的财富积累方法有哪些?【微:qq383550880 】√转ihbwel 公安局网络安全监察大队网络安全保护设备 网站-网站建设定制 网站建设学校 营销模式饥饿营销 网络安全特征有 营销型网站窗口客服 开源信息安全管理系统 常州网站制作企业 计算机网络安全研究所 网站建设收费 北京网站制作排名 福州自适应网站建设 重庆企业网站建站 微信小程序做网站福州微信营销 信息安全 大事件 传统网站和手机网站的区别 门户网站的特点 数字认证网络安全 饥饿营销的策略 信息安全保护经验 推广微信营销手机厂家 网站和手机网站 免费做网站 网站沙盒期 微信公众号市场营销方案 深圳营销型网站 网络营销难吗 开源信息安全管理系统 为什么网站生成后不显示 工信部网络安全负责人 网络营销工程师报考 数据可视化网站 合肥整合营销平台 西电信息安全专业排名 宣传型网站 企业网站管理系统 信息安全 大事件 通州网站建设 执行者网络安全团队 企业网络安全漏洞 蹭别人的网络安全吗 网站怎么设置支付功能 公安部第三研究所信息安全技术处 多种成都网站建设 大学网络安全 联想电脑网络营销 开网站程序 乐营销网站 模板网站与 定制网站的 对比 网站沙盒期 深圳整合营销费用 武汉网站开发公司 如何让外部的人员能够访问企业网站了解企业的产品及相关信息 信息安全 职业资格 专业网络整合营销公司 门户网站的特点 互联网营销书籍 网站构架图 推介网站 保定php网站制作 企业网络安全漏洞 南京企业网站制作价格 网站-网站建设定制 微信小程序做网站福州微信营销 为什么网站生成后不显示 2017网络信息安全案例 网络营销平台分析报告 广东做网站 鹤岗做网站 网站使用帮助 网络营销平台分析报告 开源信息安全管理系统 乐营销网站 通州网站建设 2017网络信息安全案例 重庆企业网站建站 如何利用饥饿营销 南昌网站建设资讯 推广微信营销手机厂家 众筹网站建设 网络安全法官网 广州大型网站制作公司 东软集团网络安全产品 亚洲第一营销网是什么 高端网站制作 网站沙盒期 从seo角度阐述网站页面应如何布局文章应如何去写? 北京网站制作排名 营销新创意 珠海移动网站建设费用 苏州企业网站建 营销模式饥饿营销 全网营销套餐 网络安全法官网 网络安全的级别关于网络安全的资料 联想电脑网络营销 中山网站推广 信息安全 大事件 饮料食品营销策划方案 网络安全靠人民征文600 微信小程序做网站福州微信营销 网络营销方面做的比较好的企业(产品)的一个经典案例ppt 网络营销顾问信息安全策略编制指南 cisp信息安全专家认证 什么是网络营销沟通 信息安全包括数据安全和 信息安全 职业资格 服务器网络安全软件 数字认证网络安全 中山网站推广 大学网络安全 g3营销系统官网 广西南宁公司网站制作 公司建设网站重要性 外贸营销方式 网络营销工程师报考 信息安全ui设计,-1 本地网站建设 如何让外部的人员能够访问企业网站了解企业的产品及相关信息 网站制作案例 中山网站推广 知识营销中间页 饮料食品营销策划方案 云南网站推广 营销型网站窗口客服 如何利用饥饿营销 网络营销顾问信息安全策略编制指南 工信部网络安全负责人 开源信息安全管理系统 大学网络安全 信息安全 职业资格 网站构架图 网站创建公司 深圳营销型网站 大学网络安全