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
陕西网络营销公司排名ga/t1177-2014 信息安全技术 第二代防火墙安全技术要求小红书的营销目的网络安全技术ppt在线营销策略b端c端营销中国信息安全问题日益突出的标志是什么长沙哪里做网站好武汉网站制作公司1网络安全防护技术主要包括( )王龙本是地球上的一个业余作家,一天写书猝死,穿越到了玄武大陆,绑定了爱的系统,接着从一个弱弱书生,摇身一变,成了一个无所不能的武者。 武者,一共有10个境界:小草,小河,大江,大海,人王,大地,天空,爵王,天帝,武神。每个境界,又分为了三个小等级。 王龙为爱,可以放弃一切,为爱,可以不惜一切,总之一句话,如此刻苦修炼,还不是为了找个人终老,有句诗是这么念的,生命诚可贵,爱情价更高,王龙就是为爱而生。叮咚~ 恭喜宿主,吹牛皮系统已为您绑定…… 叮咚~ 恭喜宿主,已经完成九千九百九十七个吹牛任务,还差三个即可获得进阶大礼包?1 叮咚~ 恭喜宿主获得霸体诀?1…获得蛮荒剑诀?1…获得至尊龙神体质……获得幽缈步?1……破虎拳? 1…… 晴空破开乌云,象征着胜利的光辉照下,唐一吟的神情空无,手中轻握住脖颈上挂着的项链,脑中的回忆在此刻彻底翻涌而出,忽的他读懂了,那时,那个眼神中的意思。 /:你身后恨意滔天/:你身后背负不属于你的罪责 //:放下吧 /:放下?我也想/:放不下,这是与我相关的历史 //:为什么? //:因为我不能 任凭时间改变一切,世间变换翻转无常 //:我仍爱你,为此不变 唐一吟重新问了一遍,以回忆的形式…… 不知源头何处的神秘星球,在芸芸众生皆不曾反映之际,降临到了太阳系地外虚空,遮天蔽日,扰乱了时分。而钟挺原本平凡无奇的人生也发生了翻天覆地的变化,不得不一直逆天而行······ 大道为络,天地作星,众生如子。一场谁也逃不开的博弈就此展开。 叩仙门,觅神迹,自是横刀向天笑!   全球人类降临异域。   每人皆会继承一座宗门。   发展宗门,培养弟子,顺便斩妖除魔,还此方世界一片人道乐土。   此方世界,资源并不丰裕,再加之宗门如星辰般密集,所以各宗门宗主获取修炼资源的难度极大。   但李纯在降临异域的同时获得了授予弟子万倍返还系统。   授予弟子什么,系统皆会以一定倍率返还。   【叮,您授予弟子一枚筑基丹,万倍返还您一万枚筑基丹!】   【叮,您授予弟子一柄黄品上阶斩灵剑,万倍返还您一柄天品武器大道升龙剑!】   凭着万倍返还系统,李纯将其创立的人教推至了万界巅峰。   你用一生护我周全,我便护你十世无恙;这是与你相遇的第十世,也是你与我的最后一世。 陈凡在打开天门时,意外发现自己天门旁的金色大门,让他没有想到的是,这大门居然可以通往异界。 更神奇的是,高端战力的异界,学习的仙文居然是中文,本来想教学生们武道的陈凡,因为太弱只得选择教文。 然后为了这些孩子的文化水平,只得将原世界的教学方法搬到了异界,时常占用武道课,最终陈凡活成了自己以前讨厌的样子。外公是一名毕摩法师,只是在推行唯物主义年代里,法师是一种罪,在大革命期间,许多典籍被焚毁,从此,外公闭口不谈毕摩岁月,直到他老去后,我在他柜子里拿到一个破布包,发现毕摩经书,才发现,一切皆有可能,玄学,一种超然物外的文化。国防科技大学大一新生,在图书馆查阅资料翻阅到了一本奇怪的书而到了异世界,从此林凌柒以新的身份在异世界开始了自己新的征程,用自己的知识带领部族走向强大。 石器时代?没有热水?不会建房?不会种粮?不,我不要这样的生活。 收服猪人族部落,建造房屋,引入种植技术,通热水,摆脱石器时代。 走路太累?速度太慢?马车,飞舟。既然入了魔道,嫁给哥哥也是没问题的吧。少女邱冷萝在机缘巧合之下,被一个魔教女hentai的残魂附身,于是开启了修仙的旅途。不过修仙的道路上一定要有哥哥呢!
网站如何申请微信支付 上海网站制作 首都网络安全 乌海网站建设 方案图网站 雄安网络营销外包 珠海网站建设哪家好 东莞网站策划 教育行业网站建设 对网络营销的建议决策 为什么过世咨询【www.richdady.cn】 有官司的案例分享【www.richdady.cn】 如何了解自己的前世今生?【www.richdady.cn】 与女友前世的因果关系咨询【www.richdady.cn】 4. 财运与事业发展【www.richdady.cn】 事业不顺的真实案例有哪些?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 祖灵与家运的关系咨询【www.richdady.cn】√转ihbwel 大龄剩女的婚恋经验有哪些?【σσЗ8З55О88О√转ihbwel 为什么过世的前世记忆咨询【σσЗ8З55О88О√转ihbwel 前世老公的咨询技巧【www.richdady.cn】√转ihbwel 孩子学习不好【www.richdady.cn】√转ihbwel 什么原因意外的前世影响【www.richdady.cn】√转ihbwel 化解祖灵的仪式流程咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 财运不佳的财运提升【微:qq383550880 】√转ihbwel 前世老婆的前世案例【企鹅383550880】√转ihbwel 前世老婆的咨询技巧【微:qq383550880 】√转ihbwel 升迁障碍的自我提升【σσЗ8З55О88О√转ihbwel 外灵干扰的前世因果【σσЗ8З55О88О√转ihbwel 为什么过世【σσЗ8З55О88О√转ihbwel 如何改善财运不佳的情况?【www.richdady.cn】√转ihbwel 怎么学营销 营销法则企业网络安全管理软件 网络安全管理人员 上海信息安全技术公司 东城东莞网站建设 网站设计形式 达内培训 网络营销 网络安全研究热点 基本营销 健康起源秉承怎样的营销理念. 枣庄建网站 陕西网络营销公司排名 玩具外贸网站模板 潍坊市网站制作 网站首页页面设计 武汉本土互联网站 东莞网站策划 大连网站设计公司排名 做网站销售 中国信息安全问题日益突出的标志是什么 教育行业网站建设 网络安全测试报告 信息安全基础设施包括 网络安全与加密 武汉网站制作公司 信息安全规划的内容 重庆营销策划服务有限公司 网络安全实验室 设备 公众号营销策划 1网络安全防护技术主要包括( ) 网络安全实验教程 下载 网络安全动态分析报告 广东市政府网站信息安全 中国信息安全网络协会 社交网络安全问题 信息安全管理实践报告 网络安全实验室 设备 国家实施网络安全 惠州网站建设公司 网络安全管理人员 广东省信息安全认证中心 病毒营销 案例 近年 网络安全监察支队 枣庄网站建设 关于企业网站建设的必要性 智能网联 网络安全 在线营销策略 网络信息安全专业课程 信息安全产品评测价格,-1 网络安全监察支队 腾讯澳大利亚网络安全 营销法则企业网络安全管理软件 企业信息安全审计表 国家网络与信息安全信息通报机制技术支持单位 网络安全实验教程 下载 天津 网络安全事件 广州信息安全评测中心 佛山网站建设怎样做 国家注册信息安全员cism 网站总类 seo网站系统 信息安全国际标准 做网站销售 怎么学营销 达内培训 网络营销 网络空间安全和信息安全 中国信息安全网络协会 腾讯澳大利亚网络安全 信息安全等级保护工作面临的形势,-1网站建设 上市公司 广州达内网络营销 天津 网络安全事件 企业之后网络营销对比 怎么学营销 外贸建网站 信息安全与保护条例 中国信息安全问题日益突出的标志是什么 健康起源秉承怎样的营销理念. 2016年信息安全产业,-1 广州做网站信科分公司 雄安网络营销外包 枣庄建网站 江苏省信息安全测评中心 网络营销课程设计总结 郑州网站设计 陕西网络营销公司排名 陕西网络营销公司排名 中国信息安全联盟 上海网站制作 玩具外贸网站模板 苏州制作企业网站公司 手机网站解决方案 信息安全服务提供商 潍坊市网站制作 郑州网站建设案例 网站维护机构 冷色调网站 网站首页页面设计 商城网站都有什么功能吗 怎么建网站 网络营销课程设计总结 东莞长安网络营销招聘信息 病毒营销 案例 近年 社交网络安全问题 网络安全研究热点 健康起源秉承怎样的营销理念. 智能网联 网络安全 信息安全测评中心 更新网站内容有什么用 枣庄建网站 首都网络安全 网络信息安全调研报告 朝阳企业网站建设方案 营销推广思路 上海科技 信息安全有限公司,-1 枣庄网站建设 信息安全等级保护工作面临的形势,-1网站建设 上市公司 玩具外贸网站模板 单位网站建设 山东省大学生网络安全 网络安全动态分析报告 深圳网站制作公司人才招聘 营销道理 网站如何申请微信支付 做网站合肥 佛山企业网站建设策划 网络安全学习网站 人的营销 2016网络安全大事 自动发货 北京云主机网站源码 phpcms_v9_utf8 深圳全网营销总裁班 优秀的网站设计案例 德阳网站优化 网站icp备案乌鲁木齐网站建设 外贸建网站 国家网络安全管理局