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
安庆网站制作网络安全品牌微信火爆营销推文汇总网站设置那里如何设计关键词和关键词密度能更好的被百度收录个人网络安全防范迈克菲网络安全套装下载网络安全举办活动视频网站建设方案网站域名组成借助事件营销的案例流星雨来,小行星至,地球面临灭顶之灾。 劳士力前往太空执行任务,返航途中救下乔伊娜。 火山灰笼罩地球,航天飞机不能降落。 几近绝望的劳士力和乔伊娜,以登录梦幻社区虚拟世界寻求心理上的宁静与安慰。 他们将承担起人类繁衍与发展的重任…… 一切都在AI控制中……落点有误,被迫成了太监的,经历千辛万苦修炼到重生境,得知失去的是大道五十中那循去的一。只有圆满了,才可获得不知道跑到哪里的宝贝! 一则视频让躺平挂壁的张三虎躯一振,“月薪过万,发家致富,车房美女,名额有限”。 短视频中的邻国风景如画,美女如云,让张三不禁神往。 拖着200多斤的身躯做出了这辈子难得一次的决定,老子要去暴富。 路途中不幸落水,或许命不该绝, 魂魄穿越到某修真界某濒危的胖子身上, 在这个世界的张三。 名师是不收他的; 奇遇是遇不到的; 仙丹是别人吃的; 美女是用来看的; 身份是不存在的; 天赋是和之前一样的。 那一天,禅师说他活不过十年,他竟然信了。 平生父母大骂听不见、师者苦口不愿听、长者教训怼回去的他。 从此被迫踏上修真之路…… 天生不喜修行的胖子为了活命, 竟然另辟蹊径,靠吃续命, 开始了种菜、经商生涯。 与各大奸商斗智斗勇, 天性还算善良的胖子乐于助人。 无心之下收拢了一群小弟, 为人豪爽的胖子帮助小弟们成长。 奈何胖子天生命运多舛, 有点小钱后又被多方势力视为俎上之肉, 还有一只粪堆里捡来的小鸡净惹麻烦, 不会武功的胖子如何在这个世界叱咤风云?道听途说、亲身经历,供各位看客茶语饭后消磨无聊的时间…李风是个高三就辍学的人,为了奶奶的治疗费选择了送外卖,但奶奶还是走了,而且自己 从小就有心脏病,无意中捡到一个香水小瓶子,竟然把自己的病给治好了,从此靠着香水瓶发家致富我本无意争锋,却被迫推上高位,在血与火中,一步步走到天的举世瞩目的高度,那么就剩下天了......来自他的故事传奇。你相信吗,每一个让你内心悸动过的她/他,都会在你心里埋下一粒种子,种子可能不会接着开花,也不会渐渐结果,但它确确实实就埋在那儿,它是存在着的,在等待着缘份重新来过的时候,破土而生,熠熠生辉。系统傍身,杀一人,活一天; “以死神的名义,你必须死!” “以死神的名义,毁灭他们!” 死神:“呃...你不要坏我名声!”  【女帝】【开局无敌】【单女主狗粮】【摊牌】   本书又名《因为太宠娘子,被迫做无敌反派》   顾澜穿越玄幻小说,成为一名配角书生。   还多了一位貌美如花的小娇妻。   本想安稳苟住,凭借原著剧情躲开各路挂壁,和娘子相守一世。   可偏偏加载了文抄读书系统!   只要读书抄书,就能提取修为,成圣成神!   由于太过无敌,顾澜出门随便就碾死了大反派,各路气运之子气运之女争相认主!   实力起飞的同时,仕途也是邪了门的顺遂!   这一日。   顾澜高中状元郎,入殿觐见,却发现幕帘后那绝美女帝十分眼熟!   “娘子?”   “相公,穿上龙袍就不识得朕了吗?”   “......”   从此,全天下都知道了这对绝世夫妻。   原著男主角:“他都成天帝了,我才武之力三段,这怎么玩?”   【简介无力,全文爆爽】当午夜的钟声响起,诡秘撕开黑暗的面纱,夜行人间。 沉寂林中尸体搭建的小屋,挂满无头死尸的参天巨树,凭空塌陷的万米巨坑中传来谁的吟唱? 尸骸朝圣,百鬼夜行 ,凝固的海…… 异境层出不穷。 羊头人,豚蛇,祸猪,俎肢异形,黄昏巨人,亵渎暴君坎加厄…… 一个个诡异生物于罪恶晦暗中诞生,屠戮人间。 少年王也发现他有一个可以进行角色扮演的黑暗世界,在这里,他可以挑选这个世界存在的……怪人进行角色扮演,获得他们的能力。 火人杰克,地鸣戈加顿,黑暗哥特加尔,面具柯暮以及那黑夜之上的死神耶格利特…… 这是一个人与邪异共存的世界。 罪恶祸乱人间,牧户一战中让王也知道了自己需要承担的责任。 他的心态由此发生转变。 他将握着黑夜世界,化为暗暮中的野兽,以最凶残的姿态撕裂罪恶!
重庆微营销公司哪家好 为什么我的网站刚续费还是显示域名过期别人能打开我却打不开 网站优化 通过提高wed可用性构建用户满意的网站 pdf 上海市网信办 信息安全 小米的真实营销模式 信息安全 通信工程 网络游戏营销 微信营销的发展 时间 微信邮件营销 中国信息安全政策 前世今生的故事是真的吗?【www.richdady.cn】 纠纷的原因分析【www.richdady.cn】 冤亲债主【www.richdady.cn】 脑部不清晰与生活习惯的关系咨询【www.richdady.cn】 为什么过世【www.richdady.cn】 存不住钱的自我提升【www.richdady.cn】√转ihbwel 感情纠纷的情感疏导技巧有哪些?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与老公前世咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 什么原因意外的前世故事咨询【www.richdady.cn】√转ihbwel 与公婆前世的前世解析【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 家庭关系的矛盾化解方法有哪些?【www.richdady.cn】√转ihbwel 前世因果化解方法咨询【微:qq383550880 】√转ihbwel 无形干扰的前世记忆咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 强迫症【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 忧郁症的原因分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婚姻生活不顺【企鹅383550880】√转ihbwel 纠纷的原因分析咨询【企鹅383550880】√转ihbwel 事业不顺的职场提升咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 去世的母亲的前世记忆咨询【企鹅383550880】√转ihbwel 什么原因意外的前世修行【企鹅383550880】√转ihbwel 玩具外贸网站模板 什么是信息安全技术,-1 个人主页网站制作广州市天河区网站设计公司 建网站流程 2017信息安全峰会 成都 微商营销模式缺点 个人网络安全防范 三星营销手法 开源网站管理系统 昆明网站设计 审计机关网络安全自查 迈克菲网络安全套装下载 信息安全网络靶场 中国网络安全官网 信息安全和保密的区别 网络安全 研究机构 量子计算与网络安全 什么是信息安全技术,-1 网络游戏营销 大数据分析与信息安全 网络安全和渗透测试 外贸营销策划 审计机关网络安全自查 网站的层次 深圳响应式网站建设 手机浏览微网站 网络营销团队培训课程 网站优化 通过提高wed可用性构建用户满意的网站 pdf 你的账号没有进行有效操作 不能评分 网络营销能力秀观点打分 中科信息安全共性国家工程研究院 微信邮件营销 广告网络口碑营销运营 网络营销专业可以接本 企业网络营销总结 网络安全大赛比什么 重庆微营销公司哪家好 网络安全品牌 信息安全管理条例 电子信息安全服务测评 网络安全测评机构 网站建设空间 电子信息安全服务测评 婚纱店网络营销 昆明网站设计 为什么我的网站刚续费还是显示域名过期别人能打开我却打不开 海尔的整合营销 佛山新网站制作机构 信息安全 通信工程 web网站设计的 微信营销的总结 西安营销服务专家 信息安全 技巧 网站制做 青岛公司网站建设 深圳h5网站公司 太原免费网站建设 邢台网站制作有哪些 江苏省公安厅网络安全 口碑营销策略案例 我国网络营销发展阶段 深圳营销型网站建设 网络安全和渗透测试 商贸行业网站建设公司 全国大学生信息安全大赛2014 长安公司网站制作 网络游戏营销 支付宝营销策划案例分析 网站价钱 网络信息安全的发展 模板网站与定制网站区别 建网站流程 c端营销 网络安全一般入侵方式 南山的网站建设公司 佛山新网站制作机构 学校信息安全部 全国大学生信息安全大赛2014 北海做网站 西安营销服务专家 网站的层次 网络安全与技术 c端营销 旅游线路的营销推广 高端公司网站 口碑营销策略案例 视频网站建设方案 企业网络安全解决案例 微信营销的总结 搜索引擎营销竞价账户托管 审计机关网络安全自查 信息安全和保密的区别 信息安全保障为主题 支付宝营销策划案例分析 商贸行业网站建设公司 借助事件营销的案例 建个简单网站 网络安全 排名 2017年网络安全周 天津网络安全监测设备 商用信息安全产品无锡做网站多少钱 你的账号没有进行有效操作 不能评分 网络营销能力秀观点打分 佛山新网站制作机构 网络安全一般入侵方式 微商营销模式缺点 中国网络安全官网 网络安全议题 外贸营销策划 建个简单网站 广州市计算机网络安全协会 安徽网络安全 网站制做 电子信息安全法律 模板网站与定制网站区别 网站推广费用 昆明网站设计 邢台网站制作有哪些 大数据分析与信息安全 扩展名网站炫酷的网站 上海企业网站建设报价 个人网络安全防范 ccf 信息安全,-1 大数据分析与信息安全 模板网站与定制网站区别 常用的网络安全技术有哪些 网络安全十三五规划 网站建设案例精英 建网站流程 外贸营销策划 邢台网站制作有哪些 nns网络安全扫描器 3合1网站建设公司 网络安全 研究机构 三星营销手法 建个简单网站 网络安全议题 印度 信息安全