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
信息网络安全2017春秋网络安全建网站咨询阿里负责网络安全网站使用的主色调广州营销课程营销推钟员网络信息安全事件分析信息安全体系设计已有域名 搭建网站这里只是一个小山村,但这个山村并不普通,村子里有着四个义薄云天的结拜兄弟和一群熊孩子们,这里有着他们参演的各种故事! 孩童提名为浪子,胯下黄牛归山村,仰望西空三两星,一声长叹四人行! 首发:起点中文网,笔名:七年顽童妖灵大陆有御灵师,可御使万物之灵。2072年7月1日,封一鸣如往常一样被起床的闹钟吵醒,一睁眼,总感觉外面的气氛很压抑,往常应该大亮的天色,此时却显得昏暗无比,封一鸣从窗台向下望去,本该繁华无比的大街上此时竟空无一人,突然!楼下爆发出令人恐慌的尖叫声哭喊声夹杂着令人牙酸的吱吱声,砰砰砰,封一鸣的大门开始被人敲击,砰砰,砰砰砰,砰砰砰!声音越来越大越来越焦躁,封一鸣也被这突如其来的声音吓了一跳,他慢慢像门口走去,透过门缝,他看见一个脸上布满了眼睛的怪物,慢慢的,那怪物喉咙出突然裂开发出了声响,封一鸣被这画面惊吓的无法呼吸几乎要晕了过去,他踉跄往后倒了几步,门外却突然传开了喃喃的细语,一鸣,一鸣啊,一鸣快开门啊,我是奶奶啊一鸣,一鸣啊,奶奶好饿啊,乖孙快开开门,让奶奶……让……吃掉你,封一鸣本就未平复的心此刻掀起惊涛骇浪,随着门外的声音渐渐远去,封一鸣此刻只感到无尽的恐惧与诡异。 这座城市,,到底发生了什么,他真的是我的奶奶吗?不是吧,我居然重生了,老天爷,你重生也不打个招呼,让我准备准备,就这么硬来真的好吗,我一个没学历没特长的普通人,你让我重生干嘛,再重活一次吗,你可包(别)跟我开玩笑,我心脏受不了。 系统呢,这不是重生跟穿越者的标配吗,怎么到我这儿就什么都没有了,诶,不对,还有个手机。看着手机里那些自己以前有意无意存起来的图片和小说,林文总算是长出了一口气,后半辈子总算是有保证了。 既然重生了那就要活的潇洒,自在,快活。把以前想干不敢干的都干了,把以前干了但是留有遗憾的给弥补了,总之活的爽就对了。 全球首富不用想,全国首富也够呛,有老马小马和老王在前面顶着,但是全省首富这个名号林文觉得自己还是可以争取一下的。 总之,这就是一个普通人靠着重生带来的手机,东一榔头,西一棒槌挣钱的故事。 绝世联盟最初只是二十一世纪二十年代世界最巅峰的一款网络游戏。 一个普普通通的年轻人张自豪在这个游戏里获得了与别人不同的经历。 一切的起源竟是一件上古修真神器,让游戏世界成了试炼之地。 当然这只是开始,修仙、无限的穿越,张自豪经历过一个又一个亦真亦假的世界。 唯一不变的是互相支持的伙伴! 是为生存而勇往直前不屈不挠的信仰! 只要努力过就不该后悔! 只有看清自我才能修炼成神! 醉仙诚挚的祝各位读者马年行大运,马上有钱!!还有我!!!天问人间,即未实现的人间天堂。愿人间如天间,是一群可爱的人毕生追求的目标。 世间有两种能量,一种为正能,另一种为负能。正负、善恶、是非,均衡而生。 古往今来,世人皆求善大于恶,皆希望世间充满人情与温暖,但现实,总是残酷不仁。 负能,使世间出现怨。怨者,破坏世间正负能平衡,让冷漠蔓延,蚕食人心。 正能,生浩,浩者,手握光明,掌未来,与怨者相搏,使邪不胜正。 黑暗步步逼近,光明已成危巢之卵。 一场决定人间天堂还是地狱的圣战,序幕已开…… 注:本书原名《天问人间》,即《天间》,Q群:850680685穿越平行世界,开局就被女星污蔑,沦为史上最强渣男。 结果开启搞事系统。 从系统开启的那一刻,就注定严谨是娱乐圈的一股泥石流。 面对媒体: “我说那不关我的事情你信吗?!” “真的,她说要蹭我的流量,所以……主动找我,我真是无辜的啊!” “你们不相信?我审美是在线的,就她那样的……我也瞧不上啊!” 凭借着自己的才华,他让网友又爱又恨。 甚至还被亲切的称之为——娱乐圈质检员!本人没有任何文采,只有自己的故事,写这部作品的理由主要只是想把自己的回忆都记录下来,到一生快走完时在来慢慢回味,如果有喜欢我的故事的读者也希望能多多支持一下月寒人醉鬓成霜,红尘若梦几千年。漫漫仙路,当剑啸万里,何惧热血染青天!现代佣兵周文意外魂穿到民国学生周文身上。他利用穿越带来的一颗佛珠的神奇功能,再加上后世带来的经验、知识和技能。打造了一只武功高强、军事技术顶尖的佣兵团队。 他带领这支佣兵团,历经中原大战、淞沪抗战、称雄上海滩。装备了当世最先进的各种武器,最后投身于伟大的抗日战争中。带着兄弟们杀鬼子......
企业信息安全的定义 营销综合实践教学平台 网络安全检测软件 全国信息网络安全协会联盟 我司如何自己建设动态网站 公司的信息安全系统 asp网站建设 全网营销招聘社交网络营销 网站在布局 国家网络安全认证证书 冤亲债主干扰咨询【www.richdady.cn】 缺心眼咨询【www.richdady.cn】 干扰的常见类型【www.richdady.cn】 冤亲债主的干扰与因果【www.richdady.cn】 婴灵的超度仪式咨询【www.richdady.cn】 投资项目的前世因果咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 失业的自我提升【σσЗ8З55О88О√转ihbwel 冤亲债主干扰有哪些常见症状?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 人际关系不好对工作的影响【σσЗ8З55О88О√转ihbwel 迟缓儿的前世因果【微:qq383550880 】√转ihbwel 头脑混沌的案例分享咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 精神不振的自我提升【σσЗ8З55О88О√转ihbwel 前世老公的前世故事【σσЗ8З55О88О√转ihbwel 有官司的自我保护【www.richdady.cn】√转ihbwel 有官司的自我保护咨询【企鹅383550880】√转ihbwel 有官司的预防措施咨询【微:qq383550880 】√转ihbwel 冤亲债主咨询【σσЗ8З55О88О√转ihbwel 如何预防过早离世【企鹅383550880】√转ihbwel 不爱读书的咨询技巧咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 官司的法律援助咨询【微:qq383550880 】√转ihbwel k网站建设 公司营销效果怎么样 asp网站建设 全国信息安全技术水平考试 大连做网站的企业 网络安全检测评估报告专业网站定制服务 网络信息安全周活动 开源网站管理系统 网站被降权 网站开发与网站制作 我司如何自己建设动态网站 为企网站 公司的信息安全系统 linux 网络安全 命令 顺义手机网站设计 公安局网络与信息安全,-1 广州营销课程 网络安全动画片 山西网站制作公司哪家好 网络安全做的好的公司 精美的网站 全国信息网络安全协会联盟 营销技术 深圳网络安全监察局 网络安全 北邮 怎么加强网络安全 蚌埠网站建设 信息网络安全2017 网络安全与防火墙技术的研究 网络安全的基本操作 网络信息安全周活动 网络安全售后服务方案 个人信息安全评估报告 网络安全和信息安全的区别 天猫的营销推广是什么 国家网络安全认证证书 营销型网站推广方式的论文 k网站建设 网络营销策划创意分析 asp网站建设 传统营销策略的优点是 网络营销策划创意分析 公司的信息安全系统 营销推钟员 大数据网络安全专业版 网络信息安全事件分析 我司如何自己建设动态网站 用别人的网络安全吗 上海做网络安全的有哪些公司 南京网站公司 丽水网站建设 商丘做网站 亚信网络安全巡展2017 良好的网络安全 网站设计软件 广东省信息安全企业 网络营销作业从域名空间网页的内容结构功能风格分析 微信的网络营销价值 信息对抗技术属于信息安全 2016信息安全审计发展趋势 用别人的网络安全吗 信息安全专业学校 idc网络安全报告 优秀网站制作 江苏省网络安全和信息化 精美的网站 北京网站优化公司 网站建设营销技巧 营销综合实践教学平台 江苏省网络安全和信息化 网络安全编程技术与实 番禺网站优化 网络营销就 网络安全编程技术与实 2015 电力 信息安全 网站设计软件 可信网站验证 公司的信息安全系统 建网站咨询 个人信息安全评估报告 天猫的营销推广是什么 高大上公司网站 公安局网络与信息安全,-1 禁忌网站 信息安全服务包括 病毒营销互联网案例分析 新媒体营销手段有哪些 免费营销方式 营销推钟员 全网营销招聘社交网络营销 2016年信息安全大会 网络安全检测软件 网站建设优化服务价格 2015网络安全大会 大连网站建设 网络安全法 等保测评 湘西网站建设 国家网络安全学院 武汉 山西网站制作公司哪家好 网站使用的主色调 沈阳建设公司网站 湘西网站建设 公司营销效果怎么样 丽水网站建设 信息安全体系设计 2016信息安全学校排名 网络安全做的好的公司 重庆本地网络营销平台 网站后台修改内容看不见了 2015 电力 信息安全 深圳营销型网站建设 上海 网络安全企业 建设网站网址上海企业网站优化 顺义手机网站设计 科技营销顾问有限公司 济南网站营销 asp网站建设 南京网站建设哪家专业 信息安全产品排名 网站上线 四川省信息安全基金 网站红色 中国工控网络安全危机 星巴克的微博营销案例网络营销与销售的区别和联系 网站被降权 网络安全与防火墙技术的研究 购物网站推广 湖北省信息安全中心地址,-1 网络安全学 网络安全和信息安全的区别 网站制作策划 昆山网站制作哪家强 网站建设营销技巧 网络安全 北邮 天猫的营销推广是什么