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
南昌市做网站的公司安询信息安全网络安全体信息安全等级保护内容央视 路由器暗埋网络安全地雷网络信息安全认证证书2016中国网络安全事件企业网站模板下载网络营销的创新方法有哪些网络安全应急处置流程图“让你买丹药回来,你却成为了丹药师?” “让你请医师回来,你却成为了医师?” “让你去买大宝剑,你却成为了炼器师?” “出远门咋这么快回来了?啥?你成为了驯兽师?骑霹雳飞龙回来的?” “去趟淘宝馆,你咋淘回了这么多极品宝贝?啥?你又成了鉴定师?” “不好!赘婿中毒了!快……不用了,没事了,他又成为了毒师。” 易尘抱头,没办法,系统太强悍了!凡尘之中存在着不凡之事,光怪陆离早已对地球求之欲渴,天选之人们该如何应对……李新焰家住大福村,可家里一点也不大福大贵,穷得叮当响,父亲做投资失败,欠了全村人的债,母亲也因为意外落了残疾,腿脚不便,整个家只能靠李新焰种地支撑。      然而就在这一天,他在地里挖到了一件龙袍,从此帝王之运加持,命格改变。      村里也出现了新的风景线“让开,别挡朕的道!”      “放肆,不得忤逆朕的旨意!”      “婷婷,朕让你做妃子如何?”…… 每个人都有守护灵守护,某些人却可以看到守护灵……顾潇一次意外穿越到了500年后,获得了没有名字的系统,可以通过抽奖、签到、做事,获得奖励,并且能量值可以兑换很多物品,更为逆天的是,只需要交好或收服一名系统拥有者,就能选择此人所系统的一项功能。 然而五百年后的世界,顾潇无一不感觉陌生,米国研究出了超级士兵血清,西盟研究出了生物基因改造。而夏国在2030年在多个科技领域领先米国,使得全球将要打破的和平又一次回归和平,几百年的发展,各小国附属大国。而世界前方的强国,已经征服了火星,使火星改造成了宜居星球。至于远一点的颗星球,正在被机器人们不断的挖掘着…… 癌将被攻破…人类平均寿命延长至100岁,长命百岁已经不是说说。 后来顾潇发现,不只是他穿越了500年后,甚至还有2100-24年的,不仅如此,穿越者、重生者、轮回者,都将出现。 顾潇获得系统在这个世界的第一个任务就是掌握整个太阳系,而多年后将会有外星种族来临!不会有什么抹杀惩罚,没有被制定的命运走向黑与白的浪潮中,不知何人在低语……我想挣脱前往那星空的彼端,于暗羽中刻下文明的墓志铭。子受穿越为殷商纣王。 系统发布的第一个任务竟然让他找个女人表白,任务失败回到原世界? 子受表示:当nm的暴君,老子要回去! 为了回到原世界,作死表白了女娲。 却没想到阴差阳错地成功了! 子受:女娲是我女朋友怎么办?急,在线等! Ps:此书又名《我的女朋友是女娲》、《女娲好感度爆满了怎么办?急,在线等!》十五年前,萧家一夜落败,三十七位萧家顶梁柱为皇室所杀,至此萧家退出王权之列走向商贾大道,萧家长子萧云以孱弱身躯肩挑萧家未来,十五年时间成长为京城手握权势的大人物之一。十五年后,甘州陷落,南,宁两国的决战一触即发,究竟是重回朝堂,扭转乾坤?还是明哲保身,退走他乡?隐藏起来的心,胸腔中的复仇怒火,奸佞小人和萧家的再一次对决,谁胜谁负?一开始,穿成假太监的李易只想安分苟活着,但后来,看着高贵雍容的皇后,李易心思变了。 “江山你坐着,皇后我替你照顾。” 李易都跟皇帝打好了商量,奈何那把椅子,皇帝就是坐不稳啊! 前有狼,后有虎,奸臣又一堆堆,眼看国不国,家不家的,李易操起了屠刀…… 千年前,元帝之子烈无锋,被未婚妻棽雪背刺一剑,身死道消。千年后,意外魂归,再活一世。 如今的棽雪,却成为一界之尊,受万人敬仰。 烈无锋看向那棽雪雕像,心火怒起,眼神冷冽。 百年,只要百年,我烈无锋要了你的命!
当前中国网络安全 建免费网站 旅游营销方案 网站后台更新 前台不显示 南昌市做网站的公司 美国俄罗斯信息安全 第4课 网络安全 网络安全的第一道防线是 澳门网站建设 做网站是三网合一有什么优势 财运不佳的前世因果【www.richdady.cn】 耳鸣【www.richdady.cn】 什么原因意外的前世缘分咨询【www.richdady.cn】 如何提高孩子的阅读兴趣?【www.richdady.cn】 性压抑的心理调适咨询【www.richdady.cn】 孩子不爱读书的家庭教育方法有哪些?【微:qq383550880 】√转ihbwel 亲子关系的共同成长方法有哪些?【www.richdady.cn】√转ihbwel 邪灵对人的危害咨询【www.richdady.cn】√转ihbwel 官司的自我保护咨询【企鹅383550880】√转ihbwel 外灵干扰的咨询技巧咨询【www.richdady.cn】√转ihbwel 冤亲债主的干扰与因果咨询【www.richdady.cn】√转ihbwel 心特别累的原因分析咨询【微:qq383550880 】√转ihbwel 升迁障碍的咨询技巧咨询【微:qq383550880 】√转ihbwel 如何识别冤亲债主咨询【企鹅383550880】√转ihbwel 升迁障碍的职场突破咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 查财运专业服务咨询【企鹅383550880】√转ihbwel 事业不顺的自我提升咨询【微:qq383550880 】√转ihbwel 性压抑的解决方法咨询【www.richdady.cn】√转ihbwel 学习成绩差的前世因果咨询【www.richdady.cn】√转ihbwel 头脑混沌的案例分享【www.richdady.cn】√转ihbwel 深圳做网站(官网) 企业网站项目流程 河间做网站 网络推广网络营销 网络营销的创新方法有哪些 企业网络安全定级备案 企业微信广告营销策划 计算机网络工程!|辅修程序设计网络安全等课程! 郑州建网站 网络安全ppt最后谢谢 2014网络安全形势 建免费网站 澳门网站建设 信息安全不涉及的领域是 网络安全实际案例分析 成都网站建设哪家好 福州seo营销 信息安全反馈热线 美国俄罗斯信息安全 校园信息安全平台 网站蓝色 衢州做网站 全球2014年的计算机网络安全事件 网络营销首先要干什么 互联网金融 网络安全 信息安全应急处理办法 网站推广营销 信息安全反馈热线 网站制作公司哪个好 营销授课南昌 网络安全应急处置流程图 信息安全等级保护内容 淄博网站设计 企业网站制作 徐州 危害国家信息安全的例子 景安网站 企业网站模板下载 我国信息安全标准体系有 个人微信营销方案 美国俄罗斯信息安全 厦门中信网站 冠辰网站 定制网站案例 公众号营销套路 如何建造自己的网站 全面的哈尔滨网站建设 社会化网络营销基础 2016网络安全技术发展趋势 网站蓝色 中国石化信息安全 2014网络安全形势 西安高端网站制作公司哪家好 企业微信广告营销策划 个人微信营销方案 信息安全等级保护项目计划书 社会化网络营销基础 衡水网站建设供应商 衢州做网站 国家网络安全相关规定 央视 路由器暗埋网络安全地雷 全球2014年的计算机网络安全事件 谈谈对网络安全的认识互联网营销调研总结 网络营销的基础知识 当前中国网络安全 中山企业网站建设公司 旅游营销方案 公众号营销套路 惠州外贸网站建设 临朐做网站 网站制作公司哪个好 病毒性营销的实例 做网站是三网合一有什么优势 伊朗 网络安全 中国网络安全局图标 网络信息安全攻防大赛 自己制作网站 深圳电商营销策划公司排名 网络信息安全 网络间谍 南宁网站建设 信息技术信息安全管理使用规则 网络安全ppt最后谢谢 重庆南川网站制作公司推荐 网络营销 公众号 网络安全的第一道防线是 网络安全的第一道防线是 病毒性营销的实例 网站蓝色 建免费网站 网络安全迫与破 网络安全国家标准 网络营销策略体系 澳门网站建设 中软国际信息安全 iso27001 信息安全目的 网站制造 信息安全不涉及的领域是 网络安全国家标准 自己制作网站 信息安全认证网站建设 宁夏 网络安全实际案例分析 网站采用哪种开发语言 小米手机网络营销推广方案 企业网站项目流程 南昌市做网站的公司 华为网络安全合作公司 网络安全的第一道防线是 成都企业网站建设 个人微信营销方案 2016网络安全技术发展趋势 营销策划 伊朗 网络安全 网络安全概述ppt 公司网络安全没通过 网站图片尺寸 自己制作网站 谈谈对网络安全的认识互联网营销调研总结 女孩子学网络营销 中山企业网站建设公司 网络安全前沿进展 网络安全迫与破 2014网络安全形势 网络安全师证书 四川网站制作哪家好 网站制作公司哪个好 计算机网络工程!|辅修程序设计网络安全等课程! 美国俄罗斯信息安全 网络安全大会 山西信息安全 网络安全师证书 国家网络安全国家安全 唐山网站建设报价 网络营销策略体系 计算机信息安全设计包括 2016网络安全技术发展趋势 中国安全网络安全