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信息安全发展趋势营销培训提供网站建设搭建公司中信息安全管理工作般做什么搜索引擎营销 关键词北京信息安全学院 设计网站的设计计算机网络安全测评师珠海专业网站制作公司网络安全法公安部林泽穿越到一个全民御兽的时代。 临近高考,他手上却只有一头被称为观赏型宠兽的小雪球。 “小雪球?也就看着养眼,没什么用处啊。” “不能进化的宠兽有什么用?” “潜力太低了,这辈子都不可能突破一阶。” “想考上御兽学院?不可能。” 质疑、讥讽与奚落纷沓而至。 林泽面色平静的看了眼宠兽面板 “隐藏进化路线!” “女皇路线:潜力无限的进化方式,最高可进化至王级。” 小雪球、冰晶魂、雪女、霜蓝少女、极冰王女......冰雪女皇! ...... 众人:“什么?小雪球还有进化形态?” “卧槽,你的宠兽怎么都是从未见过的品种!?还这么厉害!?”一场空难,韩涛和邻座的美女流落到了未知的荒岛。没有救援,危险重重,没有见过的野兽,人迹罕至的秘境,与世隔绝的蛮族,沉没在海底的遗失文明……惊险、刺激、还有绝境中人性的善与恶,一切不可抵挡的扑面而来。 滚滚六道两茫茫 不知何处是家乡 身分血尽魂未灭 魔神归来无良绝 天地未分之初称为鸿蒙虚无(或混沌),鸿蒙之气便是唯一。不知多久孕育三灵,其一为女娲、其一为鸿钧、其一为问生。再不知多久孕育出一山名曰不周,又不知多久鸿蒙之中天地初成、上圆下方、飘忽不定。三灵以不周为基托天地于其上,以四维之力蕴养不周。此后三灵便居于初成天地之中。 许久以后天地之中孕育一灵曰盘古,盘古托天踏地天地初分。至此后天地孕育万灵,女娲以土造人为人族之始祖,后古神大战引四维不稳不周受损上天崩裂,女娲又补天救天地间生灵。 又许久人族出现纷争战乱不断,使四维不稳加重不周无养天地晃动,鸿钧教化人族、女娲安抚万灵,问生以本命神元修复四维使不周永固天地永存。大正十五年,由于太子之位相争,而在皇领的都城中都引发的一系列杀人案,凶手如同是恶魔,这些案件和十五年前的东林门兵变牵扯,使得案情更加的波谲云诡,负责查案的姜弘羊拨开迷雾,才使得真相大白。高考又一次失败,却意外进入了神秘学院。从此踏入了宿命早已注定的道途。 犯我中华者,虽远必诛! 有我在!尔等休想猖狂!一个古老的地球,人类的文明纵使再辉煌,这短暂的历史也让人怀疑中间是否有着或短暂、或长久的空白。过去的人类无法去深究这一问题,他们还在为自身生存而担心,当人类完全摆脱环境的限制之时,深埋在内心的那颗好奇的种子得到了灌溉,猛烈地发芽,冲出物质的泥层,带领人们走向一切的未知…… 一座座远久的遗迹在各种科技下荡涤了历史车轮的车辙,各国争先派出专业人员,试图一探究竟的同时,在这些历史的建筑中,寻找未来文明发展的一丝光亮。 “华夏九星,在此领命,定在遗迹之中,拨云见日,为祖国,为人民找到未来的出路。”人类起源永远是个猜想,或者我这个猜想才是真正的样子。这本书描述了一位创世者如何创世并见证了地球人类的发展。通过他的见证,让我们更多的了解哲学,或者说了解天道天理。未来世界,一款名为超神空间的游戏横空出世! 人类可以自由进入超神空间,进行修炼升级打宝炼器,并且能在虚拟和现实中自由穿梭,将游戏中的等级和宝物带回现实! 沈明为了救治母亲的癌症,踏入超神空间寻找药物,逐渐从一个人人喊打的小人物,成长成为天下无双的万界之主! 末世危机突然降临,世间人性在末世的摧残之下统统暴露出最真实的一面,这凄惨人间是否需要毁灭,又是否能获新生?而又是谁来做出这一切?林辰用短短三百年时间,成为仙界最年轻的仙帝,却遭三大老牌仙帝联手围攻,同归于尽。 未曾想重生回到少年时的蓝星,这一世他将不再留有遗憾,有怨报怨,有仇报仇! 修仙之路也将更加势不可挡!
互联网公司信息安全 珠海专业网站制作公司 沈阳科技网站首页 营销主要是营销什么 网络安全认证培训 网络营销的难点是什么 网站的联网信息安全 网络营销是通过购物的情景变换将产品直接介绍给终端用户以获取利润 信息安全保障人员认证证书 关于信息安全的培训 头脑混沌的前世因果【www.richdady.cn】 感情纠纷的情感咨询咨询【www.richdady.cn】 投资项目的环境影响咨询【www.richdady.cn】 大龄剩女的情感困扰【www.richdady.cn】 无形干扰的前世故事【www.richdady.cn】 潜能开发与自我提升咨询【企鹅383550880】√转ihbwel 不爱读书的原因分析【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 事业不顺的解决方法咨询【企鹅383550880】√转ihbwel 投资项目的咨询技巧咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 去世的母亲的前世案例咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 去世的父亲的影响分析咨询【σσЗ8З55О88О√转ihbwel 长期精神不振的原因【企鹅383550880】√转ihbwel 婚姻生活不顺的前世因果【www.richdady.cn】√转ihbwel 什么原因意外的前世记忆咨询【σσЗ8З55О88О√转ihbwel 不爱读书的解决方法【σσЗ8З55О88О√转ihbwel 不爱读书的原因分析【企鹅383550880】√转ihbwel 与公婆前世的因果关系【σσЗ8З55О88О√转ihbwel 官司的心理调适咨询【微:qq383550880 】√转ihbwel 投资项目的选择方法【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 心慌胸闷头晕的自我提升【微:qq383550880 】√转ihbwel 网络安全的书籍推荐 无锡建网站 广州网络安全大会 信息技术与信息安全 快速学习 网络营销是通过购物的情景变换将产品直接介绍给终端用户以获取利润 网络安全 解密 信息安全的前沿技术 网店营销计划有哪些 我国信息安全存在的主要问题有 苏州网络安全作业 淄博国家信息安全中心 南京网站设计 微网站建设包括哪些方面 H5建网站 2016信息安全泄露案例,-1 设计网站的优势德阳做网站 网站制作 广州 网络与信息安全信息通报中心广州网络安全评估公司 电商营销公司 网络安全化草案 网络安全审计专业 如何策划营销网站 电子商务烟台网站建设 日常生活营销思维故事 网站设计 外贸网络营销教材 互联网信息安全产品 互联网营销含义 国家公安部信息网络安全专业人员认证 中山精品网站建设方案制作外贸网站的公司简介 做网站公司 重庆好的网络营销公司排名 信息安全安全管理体系法律管理 信息安全的前沿技术 成都做网站公司 电子商务(网络营销) 南昌做网站 厦门手机网站建设公司 营销要点 提供网站建设搭建 网络营销怎么搞 关于信息安全等级保护工作的实施意见 网站的联网信息安全 信息安全的防护,-1 中山企业网站建设方案 网络信息安全课件 珠海专业网站制作公司 信息安全测评中心 郭涛 卫龙营销战略 建立免费个人网站 信息安全实训总结 哈密网站建设 搜索引擎营销 关键词 重庆好的网络营销公司 学了网络营销能做什么 重庆做网站 soc 信息安全 营销推介方式 常见网络安全漏洞 信息安全管理技术 信息安全测评中心 郭涛 金盾网络安全 电子商务 网络营销培训 网站通栏 网络营销的难点是什么 网络安全审计专业 信息安全防护等级 网络营销的流程? 关于信息安全等级保护工作的实施意见 小红书 内容营销 cpa营销 武汉网络推广营销公司排名 我国信息安全存在的主要问题有 网络营销是通过购物的情景变换将产品直接介绍给终端用户以获取利润 成都信息网络安全协会 学了网络营销能做什么 惠州网站建设 互联网平台信息安全 公司中信息安全管理工作般做什么 计算机信息安全技术 成都做网站公司 苏州做网站 设计网站的优势德阳做网站 广州网络安全大会 营销培训 外贸网络营销教材 北京高级网站建设 京东商城的整合营销 办公信息安全意识 网站建设: 广州网络安全大会 网络安全的书籍推荐 重庆好的网络营销公司排名 万维网站 网络营销的商品按其形态可分为三大类即实体商品软体商品和在线服务 免飞网站 营销要点 网站网页设计公司 中国地区2011年第四季度网络安全威胁报告 互联网信息安全产品 个人信息安全规范 产品 营销网事 银行发的网络安全短信 2016信息安全泄露案例,-1 建立网站的方案 信息安全保障人员认证证书 免飞网站 天津电商网站制作 无锡建网站 福田网站制作 营销转化率 化妆品 网站建设案例 电子商务烟台网站建设 星巴克和微信营销案例 营销主要是营销什么 互联网信息安全产品分类 营销号软文 学了网络营销能做什么 中山精品网站建设方案制作外贸网站的公司简介 网络营销怎么搞 南京网站设计 网络安全密钥最后一位 沈阳科技网站首页 网络安全管理的目标是 网大营销 苏州网络安全作业 网站建设机构 计算机网络安全测评师 信息安全保障强调依赖 实现组织的使命 重庆好的网络营销公司排名 营销网事 衡水做网站公司 信息安全防范贴吧 互联网营销 步骤 北京信息安全学院 设计