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网络安全大赛攻防工具网站改标题新鸿儒网站深圳做自适应网站设计电商营销体系湖南网站seo在梁山好汉被剿灭后,他们的子嗣追随他们再造水泊,同时张叔夜等雷将因为征讨方腊,田虎,王庆等贼寇惨遭折损大半,后再征讨梁山子嗣时,梁山子嗣终于诛灭三十六雷将,十八散仙,为其父辈报仇,后又接受诏安,前往伐辽,最后皆战死沙场 昔日的位面第一宗门‘妖傀宗’圣主叶欢,因为争夺位面至宝八荒鼎,被诸多大帝围攻陨落,再入轮回与将门犬子夜欢灵魂融合。 废柴笑柄?我炼体术不坏不灭,谁与争雄? 家道衰落?我炼丹术冠绝位面,扶不起一个家族? 边疆失守?我打造的连弩刻有玄奥灵阵,可杀敌于千丈之外! 异族邪魔来袭,家园沦为炼狱?我炼制的妖傀无数,足以横扫八荒! 外面有一支神秘势力,就要统一大陆?无妨,那就是我一手扶持的顶级宗门! 圣域的一位老祖已经称皇称帝?莫怕,那不过是我当年随手炼制的一尊妖傀罢了!身为华夏最强特种兵的李净一回到家乡竟然发现自己五岁的女儿在住狗窝?一怒之下召集十万军队...... 咔!这他妈哪跟哪啊!我这是穿越文,妈的不是歪嘴文! 好吧,事实上是李净一在一次卧底行动中不慎被发现,身陷绝境之中极限带走敌方的几个核心人物(核心人物:妈的,丢死人。。。)有可能是因为李净一的精神感动上天,他并没有死,他穿越了。。。 在这个叫‘大羽’的王朝,在这个全新的世界里,李净一见到了各种各样的东西——法术,妖兽,巫蛊,仙佛以及人心。 人曰:礼义廉耻 人曰:肝胆相照 人曰:为国为民 人曰的,多了去了..... 有说人生命运已经注定,任凭怎样都无法跳脱这种牢笼。是的,似乎深有体会,仿佛周围的一切早就构成了一张网,只等人生,便牢牢笼住……也像极了老天在圈养研究他的生物,就眼睁睁看着,想要知道你的各种反应…… 如果命运不能改变,如果想要改变命运,无论如何,都要精神起来,和命运、和自己、和老天斗一斗这一生! 朝为田舍郎,暮登天子堂。 崔峪穿越古代,本无心仕途,只想在这盛世年华平安喜乐,但时代洪流岂容你独善其身。 他从纨绔败家子到朱紫重臣,体会着王朝日隆、晃晃盛世,也感受着繁华之下的暗潮汹涌。 这是最好的时代,也是最坏的时代,更是崔峪的时代。 要风流,更要天下太平,要步步生莲,更要乾坤涤荡。 崔峪发出怒吼:“我的时代我做主!”陆云是一个偏远地区大家族的子弟,由于出生五灵根被称为废物,好不容易筑基却迎来了人生中第一次转折,家族的叛乱,使自己流亡在外,回来报仇之时,却引发战乱,整个凡界乱作一团……混迹于政治场上长大的皇子,立誓要做一位明君。奈何寒来暑往物换星移,登上龙椅执掌天下时,才知皇帝的不易。酒池肉林夜夜笙歌,使其明君之路步履维艰,最终成为了要美人不要江山的快活皇帝。九五后小县城协理员高煌在一次拍摄风景时偶尔入梦,结果在梦里获得了一座古老的神庙。通过这座神庙,高煌每一次在梦里都能垂钓上来不同的改变他命运的东西。那么,高煌会通过这座神庙,能让他的生活有什么变化? 而这座神庙的背后,又隐藏了什么故事? 请打开这本书,让我们踏上一段不同于他人的美好旅程! 叶星辰本是天命神话,却遭奸人所害,性命垂危…… 十五年后,北荒一少年以雷霆万钧之势崛起,踏天骄,携红颜,打爆各种神体王体,铸就诸天万界无敌神话! 以最震慑的雷霆!击碎最沉重的黑暗! 太初大陆,强者为尊。 草根出身的天才少年被情人背叛,惨遭杀害,却意外开启了仙帝传承。 从此,丹方、秘法应有尽有,天骄、强者无须畏惧! 练最高深的仙家道法; 去最危险的遗迹寻宝; 泡最优秀的绝色美人! 一路高歌猛进,所向无敌,感悟混沌法则,问鼎仙魔两界!
网络营销岗位是什么 手机网络安全技巧 内部列表email营销关键 邮件群发 邮件营销 宣传网络安全 中国网络安全组长什么是手机网站建设 上海专业做网站公 整合营销传播 验证码与信息安全 计算机安信息安全比赛 婴灵的超度与心理安慰【www.richdady.cn】 如何预防过早离世【www.richdady.cn】 外灵的预防措施咨询【www.richdady.cn】 前世老婆的前世解析咨询【www.richdady.cn】 前世缘份如何影响人际关系?咨询【www.richdady.cn】 财运不佳的财富增长技巧有哪些?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 精神不振的前世因果【www.richdady.cn】√转ihbwel 婴灵的真实案例有哪些?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 无形干扰的环境影响咨询【微:qq383550880 】√转ihbwel 意外的原因分析咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 冤亲债主干扰的根源是什么?咨询【企鹅383550880】√转ihbwel 前世老公的前世故事【微:qq383550880 】√转ihbwel 如何维护良好的家庭关系?【σσЗ8З55О88О√转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 网站重复 简洁风网站 网络安全专家和黑客 信息安全检查网 无锡微信营销外包 信息安全自评估报告 网络安全隔离 网安信息安全管理员上岗证 网站及单位网站建设情况 对网站主要功能界面进行赏析 网络安全电影网站 企业级服务 网络安全 四叶草网络安全 松岗建网站 寻找微营销销售团队 酷炫的网站 国家网络信息安全中心主任 新媒体营销实训 验证码与信息安全 视频营销的策略有哪些 网络安全和云安全 网络营销环境包括哪些内容 我们的优势的网站 湖南网站seo 汉中网站建设 信息安全等级保护 步骤 成都信息安全类公司排名 网站建设现状分析 电商营销体系 网络安全专家和黑客 网站怎么备案 信息网络安全杂志全年 网络营销认证 信息安全的内容是 营销效果 网络安全案例2017 终端信息安全管控,-1 网站建设现状分析 网络安全案例2017 网站宽度 中山网站建设方案 简洁风网站 亚马逊网站营销策略 手机网络安全技巧 无锡微信营销外包 信息安全的案件,-1 网站建设工作室 中国可信计算与信息安全学术会议 政府网络安全现状分析 太原做企业网站 遂宁网站制作 网络安全与信息安全的区别 网站建设的目标 湘潭网站建设 网络安全预警监测软件 免费网络营销课程 邮件群发 邮件营销 无锡微信营销外包 大连企业网站 企业自建网络营销平台与第三方网络营销平台的特性比较?回答 聊城网站优化案例 网络信息安全ppt 信息安全自评估报告 营销效果 信息安全相关新闻 公安部网络安全设备 网络信息安全ppt 怎样做一个网站首页 网络安全日志审计系统 眉山网站建设 怎样做一个网站首页 上海 网络安全公司 婚纱网站设计 网站建设流程案例 机械厂网站建设 网络营销认证 沈阳做网站的公司排名 中国网络安全组长什么是手机网站建设 网络事件营销的优缺点 深圳做自适应网站设计 信息安全检查网 网络安全电影网站 注册网站的免费网址是什么 上海专业做网站公 国家网络信息安全中心主任 中山网站建设方案 不属于网站后期维护 网站提供商 做网站公司广州家如何网站 受欢迎的汕头网站推广 网络安全控制技术第五届信息安全法律大会 企业级服务 网络安全 网络安全=信息安全 营销p 儿童节品牌营销案例 高校网络与信息安全检查 网络安全应急服务支撑单位证书 成都网站 营销p 部队网络安全泄密视频 太原做企业网站 内部列表email营销关键 部队网络安全泄密视频 汉中网站建设 最新网络安全新闻的网站 信息安全宣传作品,-1 上海 网络安全公司 芜湖网站建设 中山网站制 新媒体营销实训 网络安全实时监控 计算机安信息安全比赛 策划营销推广 终端信息安全管控,-1 海尔网络营销案例分析 美团营销特色 视频营销的策略有哪些 婚纱网站设计 朋友圈营销的好处 合作网站登录制作 服务器 网络安全 网站怎么备案 湘潭网站建设 网络与信息安全管理人员配备情况 网络营销bbs 网络安全相关会议 受欢迎的汕头网站推广 网站重复 手机网络安全技巧