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网络安全攻击统计网络安全设备应用分析内容营销与传统营销的区别北京北京网站建设广州微网站建设案例国家网络安全活动周没有命运,仅有人铺垫出之坎坷道途 没有净土,仅有人开凿出之世外桃园 - 一把王者圣剑,为黑夜带来光明 一个不屈英魂,为世间燃点希望 - 觉醒灵魂,少年鏖战神魔; 暗云涌动,泛起灭世争端! - 光暗冲突,大战一触即发; 人神决战,再写创世诗篇!江山如画,美人妆! 龙腾万里,乐逍遥! 一个穿越者的灵魂; 一个当代皇者之命魂; 一个身负上天之意的天女; 当三者相辅相成,为天下先,为苍生意。 匡扶社稷,历经磨难。 是宿命的轮回还是这悠悠天意,人力难为; 朝堂,战场,血雨厮杀,阴谋密布; 烽烟过后,张翼回首看向背后孤寂的威威皇朝,看着曾经的硝烟之处,却早已物是人非。 上马提剑定天下,下马安国保苍生。 ps:慢热,有逻辑,不属于小白文,慎重选择。九龙大陆,强者为尊,武道一途,与天争命,且看一朝皇子,凭三尺长剑,如何皇临天下!武道巅峰,谁为皇? 为了心中的一丝执念,阳炎勤修武,争太子,夺皇位,战天下,历生死,证武道,破轮回! 号令天下,莫敢不从!浩荡天地,四界交汇;万千生灵,人才荟萃。 她,是他人生中最珍贵的至宝,是神给予他冰冷的一生中唯一的救赎。 他,是她人生中最英勇的骑士,是照亮她孤寂而迷茫人生的璀璨曙光。 少年自卑微之地涅槃重生,与少女相遇;相互依靠,再度闯向那精彩绝伦的纷纭世界,重新开启属于自己的全新传奇。 手握究极之力,脚踏日月星辰;持掌万道乾坤,世间以我为尊。青年数学家叶小凡转生修仙世界,苦学功法,一心长生,科学修仙……国运游戏尸城求生的唯一幸存者李倾回归了。 他没有虚拟人物当队友,也没有扮演角色的金手指。 但是当国运游戏播出的时候,所有人都认为他是个废物。 【徒手造装备,妈妈问我为什么跪着看。】 【这瓶药剂喝了就能有异能?大佬666!】 【大夏选手一定是在作弊!我要举报!】 他在节目中手造装备,获得异能,合纵连横,尽显大夏智慧。 但他也受到了各国的污蔑和构陷。 李倾:愿得此身长报国,何须生受名与利。 简介无力,请看正文,如有雷同,纯属巧合。救人一命胜造七级浮屠,美女施主,你我有缘啊...在末日来临的时刻,你与同伴手握解救世界的机会,你的选择会是什么? 狂妄野心家,欲在地球上称霸挑起世界大战,银河系几个有人类的星球统治者,贪婪地球美,虎视眈眈要占领,刮起战争风云。奇异事件层出不穷,形形色色的怪异人物,扑朔迷离的各种阴谋频频出现。璀璨星空风云变幻,弄得地球千疮百孔,银河系文明一片混乱。 天降大任绝代双雄,千锤百炼成“圣”,抗起正义的大旗,战胜邪恶,重新建立了银河系文明。 就你这个废物,连二星武者都没达到,还敢追求我们王雨彤校花?你也不照着镜子看看自己的怂样! 我~我是你的转世重生?是的,八千多年前我被原始海神重创,导致不得不转世重生,道基化为你的丹田。 林萧,我可是跟婉儿说好的哦!有男朋友要一起分享的哦! 小弟弟,今晚是跟姐姐睡哪?还是跟姐姐睡哪? 汪姐!我还小哪,还未成年哦!我委屈的说道: 哪好吧,那就在养你一年,等你十八了在吃了你,咯咯! 因为跟你接触就知道了啊,我是先天本源之体,你我都是因天地而生,跟先天道体是同根同源,你身上的气息让我着迷,跟你在一起就跟家人的感觉一样,不自觉的就想跟你接触,而且跟你在一起有助于我的修炼。 随后又看了一眼王雨彤对寒冬说道:(这种女人送给我都嫌脏,你居然能看上这种女人?)
对网络营销的感悟 广东省网络安全维护 崇左网站建设 做网站收费 海珠区pc端网站建设 广州网站设计公司招聘 营销方式分析 娱乐网站 建站软件 紫色网站 中国信息安全产业联盟wap网站开发 外灵的预防措施【www.richdady.cn】 家庭关系的咨询技巧【www.richdady.cn】 事业不顺的咨询技巧咨询【www.richdady.cn】 孩子厌学的家庭教育【www.richdady.cn】 去世的母亲的前世修行咨询【www.richdady.cn】 升迁障碍的职场瓶颈威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份的案例分享【www.richdady.cn】√转ihbwel 前世缘份的再次相遇【企鹅383550880】√转ihbwel 亲子关系的教育理念有哪些?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 化解祖灵的仪式流程咨询【www.richdady.cn】√转ihbwel 婚姻生活不顺的前世因果咨询【微:qq383550880 】√转ihbwel 婚姻生活不顺咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 纠纷的法律援助【www.richdady.cn】√转ihbwel 前世缘份的前世记忆【微:qq383550880 】√转ihbwel 家宅磁场的检测工具威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 有官司的解决方法咨询【企鹅383550880】√转ihbwel 升迁障碍的职业发展咨询【企鹅383550880】√转ihbwel 外灵的种类咨询【σσЗ8З55О88О√转ihbwel 化解咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 无形干扰的解决方法咨询【σσЗ8З55О88О√转ihbwel 网络公司的营销策划 杨卿+网络安全 网站信息安全认证 济南外贸网站建设公司排名 网络安全组组织架构闸北区网站制作 建网站地址 农产品网络营销与实施 经典微信营销软文 青岛全网整合营销 制学网网站 小语种网站 北京专业做网站 邢台网站建设厂家 本地佛山顺德网站设计 信息安全事件等级 制学网网站 美国网络安全产业 深圳网站建设流程 信息安全事件 营销型企业网站建设教案 安庆网站优化 网站制作 中企动力公司 网站jianshe 天融信网络安全准入 网络安全测试标准 德阳网站制作 广州做企业网站找哪家公司好 网络营销的优势和模式 电器微博营销策划书 网络营销的职责 信息安全事件 2014信息安全竞赛题目 专业做网站企业 专业做网站企业 营销概念是什么意思 2017国家信息安全周主题,-1 地产网站建设 网站建设干货 怎么弄一个网站山西大学 信息安全 网站交互性 信息安全事件等级 网站单选框的实现 2016网络安全攻击统计 对网络营销的感悟 信息安全 加强 协调 2014信息安全竞赛题目 曲阜做网站 杨卿+网络安全 网络安全科技 恶意刷网站 常用的网络安全技术包括 郑州微网站 衢州网站建设 紫色网站 娱乐网站 建站软件 专业做网站企业 企业 开展信息安全业务,-1 网站建设的素材处理方式 网络安全测试标准 信息安全等保建设资质,-1 杨卿+网络安全 经典微信营销软文 中国网络信息安全展 网络事件营销方案 中国信息安全产业联盟wap网站开发 营销型企业网站建设教案 中国网络安全产业大会 北大青鸟网络安全 网站单选框的实现 邢台网站建设厂家 掌上医院的营销推广 镇江网站推广 兴化网站制作 个性化建网站定制 深圳网站建设流程 安庆网站优化 娱乐网站 建站软件 常用的网络安全技术包括 网站设计公司南京 营销方式分析 计算机信息网络安全 微信营销处于什么阶段 自制公司网站 兴化网站制作 中国网络信息安全展 计算机信息网络安全 郑州微网站 信息安全检测公司排名 网络安全问题有哪些 郑州微网站 济南外贸网站建设公司排名 广东省网络安全维护 掌上医院的营销推广 考网络安全什么证书 信息安全事件等级 淮安网站制作 2014信息安全竞赛题目 信息安全等保建设资质,-1 网络安全手机可视化 防火墙在网络安全中的应用 信息科技有限公司网站建设 中山网络营销培训中山微信培训中山酒店微信培训企程咨询 免费的企业网站 2016年信息安全 唐山网站托管 如何改变网站首页栏目 崇左网站建设 聊城做网站 衡水建网站 网络安全监测中心 网络公司的营销策划 北京北京网站建设 网络营销信息流 娱乐网站 建站软件 信息安全包括信息的 信息安全方案 营销推带 网络营销信息流 天融信网络安全准入 营销概念是什么意思 信息安全 加强 协调 网络安全公司有哪些 2008网络安全事件 免费的企业网站 网站赢利 信息科技有限公司网站建设 建网站地址 网络安全设备应用分析 网络广告的营销作用蘑菇街微博营销 信息安全等级保护备案表搜索引擎营销如何使用技巧 新闻媒体营销 互联网营销公司 营销推带 长春网站建设 中国信息安全产业联盟wap网站开发