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信息安全企业甘肃营销型网站制作网络营销大学课件星巴克与微信营销策略分析网站建设规划方案九江市三监内,例行检查犯人身上是否携带可疑、危险物品,包裹需要打开,衣服需要脱掉,由专门人士检查,在这里就一条铁命尊重长官,认真改造。 刚进来的青年在结束检查后,狱警需要对他的信息做详细的登记、询问,并开始发放衣服、鞋子,杯子、被子等等生活用品,均有编号。 ”骆生,男,二十七岁,身高一米八,体重一百六十斤,九江人...“坐在凳子上的狱警边看着眼前青年的资料边读,看到最后抬头打量起来开口道:”犯了什么事进来的?“ ”被陷害谋杀。“叫骆生的青年回应道。 灾后重建,曾经抄底他人的混混,是否也能抄底时代。天灾过后,就是人祸。 经历了大灾的人们在一片废墟之中重建新的制度。 可重建的路上布满了血腥和骸骨。 一位连自己身份都不知小的少年,原本只想在乱世之中苟活,却没有想到一步步走向了不可控的未来之中......这一切都是多么现实……走得完的是自己生命的道路,走不完的是别人乃至社会的套路……朝泛苍梧暮却还,洞中日月我为天,匣中宝剑时时吼,不遇同人誓不传或许常常会有人问 足球这项运动到底有什么意义 会让你如此疯狂的热爱 也许普通人不会明白 我们踢足球的人 因为你不踢足球 所以你不会知道 一块钱的矿泉水会有多甜 因为你不踢足球 所以不会知道 一场球可以让陌生人变成朋友 因为你不踢足球 所以你不会知道足球进网的声音 那就是天籁 球门它就在那里。普通高中生肖南 末世来临,为救同学而死去。 【玖月】到来也使他再或新生 末日的到来使人类不得不团结,放下国与国的战争,共同活下去。 但是,末日的到来也让人性的丑恶展现的淋漓尽致。 何为光明?何为恶魔? 被人性的丑恶而厌恶的肖南,成为了世界的新主 人性是什么?人类该活着吗? “如果人类就是这样,这个世界就是这样的话,那便没有存在的必要了。”末世之下,有人举世覆灭,有人摇曳生辉 【元宇宙-惊悚世界】 “我不想死啊!” “妈妈救我,我不要进入惊悚游戏!” “救命!救命!有没有人,快把我放出去!” “我是XX大明星,谁愿意救我,你要我做什么都可以!” 惊悚游戏降临全球,每个月随机抽取大量人类进入游戏世界与厉鬼为伴。 当所有人都在惶恐、害怕、恐惧中苦苦求生的时候,第一次进入游戏的陈凡发现,他每次开始游戏前居然能先抽取一件强大鬼物! 鬼外卖游戏中,当别人还苦哈哈骑着纸扎的电动车给鬼送外卖时,陈凡已经骑着猛鬼摩托在大街小巷风驰电掣,单单好评。 当别人好不容易与一只鬼签订契约的时候,陈凡已经拥有了一堆鬼王,组建了第一支人类为首领的鬼军!震撼两个世界! 他麾下的女鬼,实力无比强大,更是个个国色天香,对林风死心踏地。 赚取无数金钱的女鬼总裁,神秘强大的幽界之主,拥有僵尸大军的飞僵女王,修炼千年的倩魂姐妹……世界遭到入侵,最强武道大帝力战而亡,重生在九千年后的世界,成了酒馆的店小二,并觉醒了全能系统。 通过系统,张易能够看穿世间功法、丹方和对手的缺陷。 为了抵抗即将而来的乱世,张易再次踏上修炼之路。 在他破格的实力下,对他心怀敬畏的人、闻名而至的人、求爱的人络绎不绝。 然而,就在他步步建造势力之时,那过去让世界陷入恐怖的危险,又开始在暗地里行动了……被废、被贬、惨死? 李承乾表示,这个三连击套餐,小爷不吃。 二十一世纪的理工男穿越到大唐,成为太宗长子李承乾。 开局只有八岁,不能当太子,更做不了皇帝。 怒刷李世民的情绪值,放烟花帮李崇义追小姐姐,组团阳澄湖抓大闸蟹! 最最舒坦的是,还有七个漂亮姐姐宠着,要月亮不摘星星那种! 那还怕啥,果断上天啊!
星巴克和微信营销案例 简述网络营销漏斗原理 网站通栏 深圳网站制作公司资讯 郑州最好的网站建设 重庆好的网络营销公司 信息安全导航 北京高端网站制作 自己电脑做网站 带宽 做谷歌网站 公司破产【www.richdady.cn】 内心恐惧胆怯的前世记忆咨询【www.richdady.cn】 纠纷【www.richdady.cn】 如何改善精神不振的状态咨询【www.richdady.cn】 意外事故的预防措施咨询【www.richdady.cn】 前世今生的轮回解析咨询【微:qq383550880 】√转ihbwel 冤亲债主的干扰与因果咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 什么原因意外的原因分析咨询【www.richdady.cn】√转ihbwel 老公家暴的前世记忆咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 去世的父亲的前世记忆咨询【www.richdady.cn】√转ihbwel 前世老婆的前世影响【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 大龄剩女的婚恋规划威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子厌学的咨询技巧咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 忧郁症的原因分析【σσЗ8З55О88О√转ihbwel 失业的案例分享【σσЗ8З55О88О√转ihbwel 失业的心理调适【企鹅383550880】√转ihbwel 心特别累的咨询技巧【www.richdady.cn】√转ihbwel 与公婆前世的影响分析咨询【企鹅383550880】√转ihbwel 自闭症的症状与诊断咨询【企鹅383550880】√转ihbwel 为什么过世的前世故事咨询【σσЗ8З55О88О√转ihbwel 网络安全专家评审 邮件营销推广 餐饮网上营销 昆明做企业网站多少钱 网络安全 暗网 东城网站设计 互联网保险 信息安全 工控信息安全培训网 2017信息安全企业甘肃营销型网站制作 自己电脑做网站 带宽 微博营销优势与劣势 网上营销有哪些 霸州建网站 台州网站设计 解放路 网站设计和备案 中国信息安全应急中心 网大营销 邮件营销推广 餐饮网上营销 昆明做企业网站多少钱 网络安全 暗网 东城网站设计 互联网保险 信息安全 工控信息安全培训网 2017信息安全企业甘肃营销型网站制作 自己电脑做网站 带宽 微博营销优势与劣势 网上营销有哪些 霸州建网站 台州网站设计 解放路 邢台网站推广 福建省信息网络安全 危害国家信息安全的例子 设计公司网站 重庆做网站团队网络与信息安全硕士 温州网站建设联系电话 2017安徽高校网络安全 网站制作公司哪个好 专业网络安全公司 杭州网站建设公司联系方式 内容营销的优缺点 我需要网站 网络安全工作实施流程图 建立网站的方案 上海网络安全相关政策 直接营销优缺点 深圳整合营销行业 中国信息安全应急中心 万维网站 互联网保险 信息安全 卫龙营销战略 深圳官方网站制作 网大营销 机关网络信息安全管理制度 一流的商城网站建设 网络安全监测预警机制 静安西安网站建设 广西网络营销外包 全网推广整合营销 正规的搜索引擎营销企业 信息安全预警分级 小黄人微营销系统 中山精品网站建设方案 信息安全逆向分类 微博营销的方案总结 专业网络安全公司 web网络安全教程 邢台网站制作哪家强 网络安全公司起名 济南网络推广网络营销软件公司 郑州最好的网站建设 信息安全培训记录,-1 全球2014年的计算机网络安全事件 搜狗搜索营销 杭州网站建设公司联系方式 网络营销专业的大学 昆明做企业网站多少钱 上海大 小企业网站制作 网站建设规划方案 重庆好的网络营销公司 济宁网络营销 微博营销优势与劣势 2017网络安全展会 危害国家信息安全的例子 网络安全 暗网 德宏网站建设 2014网络安全形势 设计公司网站 信息安全标准规范 昆明做企业网站多少钱 顺德门户网站建设公司 济南网站建设多少钱 东城网站设计 信息安全实验 pdf 广西网络营销外包 计算机与网络安全 苏州做网站 郑州最好的网站建设 信息安全实验 pdf 电子邮件营销怎么做 互联网保险 信息安全 北京网站建设报价 电子邮件营销怎么做 网络营销大学课件 西安网站维护 高端的平面设计网站 网站后台更新 前台不显示 微博营销的方案总结 工控信息安全培训网 信息安全奖学金 惠州网站建设 2017安徽高校网络安全 工业控制系统信息安全第1部分:评估规范 网络安全国家标准大全 网络信息安全演讲视频,-1 门户网站制作 2017信息安全企业甘肃营销型网站制作 全球2014年的计算机网络安全事件 涪陵做网站 霸州建网站 如何建造自己的网站 工控信息安全培训网 常见信息安全技术 流氓营销 自己电脑做网站 带宽 日常生活营销思维故事 网络营销推广协议 工业控制系统信息安全 责任 招信息安全专业的公司 数字营销网络营销 日常生活营销思维故事 华为网络安全合作公司 微博营销优势与劣势 如何学习信息安全,-1 华为网络安全合作公司