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信息安全大事记信息安全保护等级认定机构名单贵州省信息安全测评中心末日降临,生化危机,丧尸出笼,世界末日到来!   楚源获得模拟器功能,开始模拟存活时间。   【第一天,灾难降临,丧尸出笼,世界末日到了!】   【第二天:你喝着小酒吃着火锅!】   【第三天:你打开门走出去,一只丧尸与你热情相拥,你白给了!】   楚源:“系统,让我多存活几天!” 月高悬于空,星不见其影。 沉眠的暴君从历史中苏醒,漆黑的双翼划过破晓的黎明;巍峨古堡跨越了尘封的的记忆,矗立在洛尔维亚的群山之巅。 当头戴王冠的公主睁开双眼,从死亡归来的旅人重新握住剑柄—— 国王湖的水面不再平静,却依旧深不见底。一代修者熊宇穿入木星大陆的崛起历程......曾是身为贵族的公子,遭到王子的残酷迫害,被迫流离失所,为夺回曾属于自己的一切,解救天下苍生于水火,走上了复仇与救世的传奇历险。  唐初,贞观二年,李盛穿越成大唐年间里的一个小太保,此时,遭遇突厥人袭击的李世民、杜如晦等人意外来到了庄里。   更令李世民等人意外的是,这个小太保家中的东西竟然很不一般!   “李盛,化学反应是什么?吸热反应又是何物?”   李盛:“我...&amp;quot;【诸天副本降临,即将开启!】 【这是你们灵魂升华的一次机会!】 全球危机,罗明开启唯一性天赋! SSS级天赋——不对等交换! 【交换完成!您用半盒泡面交换SSS级潜力永不枯竭!】 【交换完成!您用一瓶悲酥清风交换斗转星移!】 …… 从此,罗明开启了交换新模式。【轻松+搞笑+社交牛逼症+嚣张+成长+架空历史】 作为名校毕业的李羡穿越到了大玉皇朝; 穿越过来的身份让他很头疼: 家穷没系统,自己还只是个十岁孩童; 李羡凭借前世满腹才学,考进文政院,成了熊孩子。 教书先生:“这熊孩子好气人啊,好想打他!” 院长:“算了吧,人家可是正经孩子,要不你忍着点?” 从童生到参加科举,再到做官,谁都没想到,李羡这官越做越大…… “羡公!陛下有请!” “跟陛下说一声,我在钓鱼,让他来找我吧!” 天子:“谁这么大胆子,还想让朕过去?” 老太监:“启禀陛下,是羡公。” 天子:“来人啊!速速备车!” 老太监:“陛下……鞋~”穿越异界,没有系统,没有外挂,这还让人怎么活!是躲于阴沟暗角苟且偷生还是绝境拼搏逆天改命?且看雇佣兵王为穿越异界的精彩人生。少年白衣,提一柄长剑,穿于山川、巨谷、河泽,人所不知深浅、藏隐之处。仗义提长剑,扣问此心间当汪柯在玩《隐形守护者》点下第二个选项后,看着屏幕上结局达成的提示,整个人都斯巴达了,他竟然是个活不过三分钟的男人?带着这样的疑问,他被一个谍战求存直播系统丢到了魔改后的谍战世界,开始了他的求生直播。系统告诉他,他的任务很简单,只要活过一集就够了。
信息网络安全杂志 易营销软件代理商 无线网络安全文章 互联网营销的流程图 网络营销目标市场假设 2016信息安全大事记 宁夏制作网站公司 信息安全审查员网络安全文库 网易信息安全审核工资 网络安全技术模块开发 与公婆前世的影响分析咨询【www.richdady.cn】 阴间生活的前世缘分【www.richdady.cn】 性压抑的自我提升【www.richdady.cn】 缺心眼咨询【www.richdady.cn】 与女友前世的咨询技巧咨询【www.richdady.cn】 前世缘份的前世故事咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 意外的前世因果威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵的化解仪式【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 升迁障碍的自我提升咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 内心恐惧胆怯的咨询技巧【σσЗ8З55О88О√转ihbwel 暗恋的心理成长【σσЗ8З55О88О√转ihbwel 心理咨询与灵性指导咨询【微:qq383550880 】√转ihbwel 暗恋的解决方法咨询【微:qq383550880 】√转ihbwel 特殊学校的前世影响咨询【企鹅383550880】√转ihbwel 前世缘份的重逢有何迹象?咨询【企鹅383550880】√转ihbwel 前世缘份的缘分再续咨询【微:qq383550880 】√转ihbwel 家庭关系中的矛盾解决【企鹅383550880】√转ihbwel 升迁障碍的职场策略有哪些?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婴灵对家庭的影响咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 自闭症的前世因果【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 网络安全宣传周资料'' 成都信息安全企业 北海网站建设 湖北省网络安全等级保护网 邮件营销电子邮件模板 快速做网站 建网站中企动力 互联网大会 网络安全 网络安全相关的暗网 东莞全网营销网络推广企业 信息安全和软件开发 网络企业的营销模式是 广东省网络安全周 深圳有哪些网络安全公司 dos病毒对网络安全的危害 网络安全审计系统功能 信息安全是计算机吗 商务型网站模板 网络安全监测工具 中国网络安全等级保护 网络营销策划费用清单 信息安全保护等级认定机构名单 广东省网络安全周 网络营销基本模式 易营销软件代理商 深圳网络营销师招聘信息 黑龙江信息安全测评中心 网络营销的 书籍推荐 网站访问流程设计 国家用网络安全 信息安全风险管理培训 优秀网络信息安全 临沂做网站 大连建网站公司 2016年信息安全事件攻击原理 网站制作价 重庆新闻软文营销助手 太原手机网站开发 营销推介 中国可信计算与信息安全会议 外贸视频营销 网络安全 特训 政府网站 欣赏 网络营销目标市场假设 网站建设协议 营销广告语 营销推广的功能 信息安全风险管理培训 杭州网络安全公司 地址 网络安全法颁布的意义 互联网信息安全公司排名 信息安全导论 沈昌祥 网络营销的 书籍推荐 淘宝营销策略简述 信息安全测评服务 东营有网站长安网站设计 营销广告语 中国可信计算与信息安全会议 上上海银基信息安全技术有限公司 中央信息安全委员会 上海网站建设要多少钱 山东济南网站制作优化 网络营销基本模式 网站页面大小惠州网站制作 信息网络安全杂志 东莞全网营销网络推广企业 互联网网络安全中心 杭州全网营销 dos病毒对网络安全的危害 贵州省信息安全测评中心 可口可乐的软文营销案例 2017美国信息安全大会 网络安全顾问 邮件营销电子邮件模板 请问如何对以上传的网站进行内容的维护需要注意哪些事项 单位信息安全等级保护工作 网站页面大小惠州网站制作 石家庄网站设计制作服务 青岛网站设计哪家好 临沂做网站 王军教授信息安全 什么是线上营销模式 app网络安全测试 成都营销型官网 西安网络安全监察支队 王军教授信息安全 网络安全专业的介绍 信息安全一级学科 网络安全性是什么协议 网络安全专业的介绍 长沙网站制作公司 可口可乐的软文营销案例 北京网络营销博客 上上海银基信息安全技术有限公司 网站制作呼和浩特 信息网络安全证书 信息安全大赛能力 企业网站首页布局尺寸 网络安全 数据分析 网站快照 网络安全认证协议 信息安全技术 第二代防火墙安全技术要求,-1 互联网大会 网络安全 黑龙江信息安全测评中心 中央信息安全委员会 网络安全发展的历史 白帽子网络安全视频 网络安全攻防演练平台 免费造网站 松原做网站 企业网络整合营销公司 上海专业做网站公 网络营销整合性 北京专业网站建设 成都信息安全企业 互联网信息安全要求信息 见网站建设客户技巧 湖北省网络安全等级保护网 高校信息安全实验室 互联网网络安全中心 快速做网站 信息安全审查员网络安全文库 不属于网站后期维护 互联网大会 网络安全 蓝海国际版网站建设系统 长沙网站制作公司 东莞全网营销网络推广企业 网站的风格 易营销软件代理商 网络企业的营销模式是 国家信息安全等级 网络营销整合性 深圳有哪些网络安全公司 无线网络安全文章 营销技巧色系网站 网络安全审计系统功能 建网站中企动力 华为 信息安全 商务型网站模板 网络营销师证书 网站的风格 中国网络安全等级保护 合肥网站制作公司 cmcc web 网络安全吗 信息安全保护等级认定机构名单 h5case什么网站 国家网络安全实验室 网络营销基本模式 信息安全审查员网络安全文库 信息安全合规性 深圳网络营销师招聘信息 网络安全 数据分析 2012年中国互联网网络安全研究报告 网络营销的 书籍推荐 厦门网络推广建网站 网络安全顾问 国家用网络安全 网络安全性是什么协议 互联网信息安全要求信息 企业网站策划方案 合肥网络营销 网站制作呼和浩特 信息安全一级学科 信息安全保护等级认定机构名单 企业信息安全 厂商,-1 网络营销的策略 中国信息安全测评中心地址 B2B网站系统 网络安全文章 网络安全大事 青岛市网络安全办公室 网络安全法颁布的意义 企业网站策划方案 中国个人信息安全 营销实践的基础是 网站设计) 淘宝营销策略简述 汽车营销策划的案例 互联网信息安全公司排名 信息安全导论 沈昌祥 网络营销的 书籍推荐 淘宝营销策略简述 信息安全测评服务 东营有网站长安网站设计 营销广告语 中国可信计算与信息安全会议 上上海银基信息安全技术有限公司 中央信息安全委员会 上海网站建设要多少钱 山东济南网站制作优化 网络营销基本模式 网站页面大小惠州网站制作 信息网络安全杂志 东莞全网营销网络推广企业 互联网网络安全中心 杭州全网营销 dos病毒对网络安全的危害 贵州省信息安全测评中心 可口可乐的软文营销案例 2017美国信息安全大会 网络安全顾问 邮件营销电子邮件模板 请问如何对以上传的网站进行内容的维护需要注意哪些事项 单位信息安全等级保护工作 网站页面大小惠州网站制作 石家庄网站设计制作服务 2012年中国互联网网络安全研究报告 邮件营销电子邮件模板 网站快照 眉山网站建设 食品行业网络营销环境 中国网络安全等级保护 上海营销公司有哪些 太原手机网站开发 网站制作价 什么是线上营销模式 东营有网站长安网站设计 见网站建设客户技巧 营销推介 信息安全合规性 大连建网站公司 运营商投资网络安全 网站赚流量 网络安全技术模块开发 企业搜索引擎营销 2016信息安全大事记 贵州省信息安全测评中心 个人免费网站注册com 信息安全竞赛时间 营销推广的功能 互联网+ 网络安全 美国信息安全博士 网易信息安全审核工资 杭州全网营销 网络安全技术模块开发 虹口做网站 信息网络安全证书 信息安全测评中心 凌晨 网站访问流程设计 国家网络安全主题 厦门网络推广建网站 广州网站建设优化 蓝海国际版网站建设系统 大连企业做网站 信息安全咨询 资质证书,-1 互联网营销的流程图 网络安全试卷武汉大学 营销调研的方法有哪些 公司信息安全教育 网络安全和信息化职责 对于网络安全的建议 互联网+ 网络安全 产品展示型的网站功能有哪些 营销广告语 国家网络安全与信息化 公安局信息安全证明,-1 网络营销营销理念 大连建网站公司 营销推广的功能 厦门网络推广建网站 外贸视频营销 网络营销问题汇总 2016年信息安全事件攻击原理 上海营销公司有哪些 网络营销工具和方法有哪些内容 2016年信息安全事件攻击原理 公安局信息安全证明,-1 网络安全监测工具 高校信息安全实验室 网络安全相关的暗网 个人免费网站注册com 专业的高端企业网站 网站维护www帮人做网站 网络安全宣传周资料'' 网络营销策划费用清单 网络营销目标市场假设 湖北网络安全备案设备 信息安全测评认证中心 信息安全大赛能力 优秀网络信息安全 运营商投资网络安全 北京市信息安全产业基地 山东济南网站制作优化 营销技巧色系网站 珠海专业机械网站建设 东营有网站长安网站设计 企业网站首页布局尺寸 青岛市网络安全办公室 网站触屏版 产品展示型的网站功能有哪些 网络营销问题汇总 网站维护www帮人做网站 信息安全是计算机吗 网站页面大小惠州网站制作 欧盟网络安全 哪一年 信息安全咨询 资质证书,-1 app网络安全测试 欧盟网络安全 哪一年 网络营销的 书籍推荐 网站建设协议 杭州网络安全公司 地址 2017美国信息安全大会 政府网站 欣赏 信息安全和软件开发 重庆新闻软文营销助手 微网站建设方案 信息安全风险管理培训 宁夏制作网站公司 北京市信息安全产业基地 娱乐营销的优点 广东省网络安全周 国家信息安全等级 网络安全监测工具 西安网络安全监察支队 dos病毒对网络安全的危害 中国信息安全测评中心地址 2016信息安全大事记 公司信息安全教育 网络企业的营销模式是 请问如何对以上传的网站进行内容的维护需要注意哪些事项 北海网站建设 国家网络安全与信息化 网络营销的策略 重庆新闻软文营销助手 网络安全 特训 免费造网站 信息安全合规性 湖北网络安全备案设备 徐州网站推广 任天行网络安全管理中心 中国可信计算与信息安全会议 无线网络安全文章 青岛建网站 病毒性营销有哪些特点 2012年中国互联网网络安全研究报告 邮件营销电子邮件模板 网站快照 眉山网站建设 食品行业网络营销环境 中国网络安全等级保护 上海营销公司有哪些 太原手机网站开发 网站制作价 什么是线上营销模式 东营有网站长安网站设计 见网站建设客户技巧 营销推介 信息安全合规性 大连建网站公司 运营商投资网络安全