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
免费网络安全培训课程网站建设模板是什么展示用网站网络安全 调查报告网站怎么建优秀企业网站网络安全升级的功能成都市网络安全协会最专业的做网站公司外贸免费建设网站制作一个灵魂被一个小女孩救了下来,于是,从他出生的那一刻起,他就注定是她的使者。 他的结局早已注定,他会孤独的走完这条路。 道路之下,少年静静的坐在这里,他蓝色的眼眸不知是在注视何处。 他的身旁是一个金色头发的小女孩。 “我要将那些人一个不留的全部摧毁。” “我帮你。” “我要付出什么。” “全部。”天生绝品丹脉却一夜散尽,从家族明珠一朝变成弃子,成为一名小小的种药工,依旧无法置身事外。 遂跃于凡尘,种药炼神丹,炼体为炉鼎,活脱脱将自己炼成了绝世的神丹。 什么是魔?无论你是以何种方式示人,是天下无双?是风华绝代?是仙风道骨?抑或是挥斥方遒。心魔生而魔根深种,魔根生而魔性纠结,成魔只是时间问题。 万恶念先起,要灭魔先灭心魔,这才是伏魔的真谛。我心中的伏魔道其实是自我审视的过程,蜕变化蝶的过程。 不必强求比别人强,但我们要努力争取比他们更坚强,此愿足矣。穿梭各式聊天群装逼,搞笑升级,无理头,无头脑对话,轻松,幽默。在丧尸横行的末世里怎样才能活下去,拼命吧!少年!灵兽人程森屮(che四声)十一岁丧母,十三岁遭灭族。程森屮,程猖,程狂兄弟三人幸存。一年后大哥程猖却操纵程森屮杀死小时密友和程猖,心灰意冷的程森屮消失了三个月后在长安佚名“山狼”靠杀人赚钱。两年后,“山狼”声名崛起无意间认识权门高氏二公子和洌氏二公,这时有人叫杀死两人。山狼不从,没曾想那人正是大哥程猖。几经挣扎后,山狼坠于程狂和卫天兰坠落的黑鹰崖。 十年后 顶级杀手——山狼,再次出现在高风舌眼前。 正义也许会迟到,但永远不会缺席。她宇文曼——大夏国第一个女皇帝。 坐上龙椅的第一天起,她就成为了不折不扣的傀儡。 本来想着就这样混吃等死,结果突然的一场兵变,连傀儡都做不成了...... 当她再一次夺回皇位时,世人对她依然缺乏认同。 在这个群雄争霸的年代,最弱的女皇,居然在所有人眼皮底下捡了个大便宜。 如果治理这个天下能算作便宜的话... 断壁残垣、饿殍满地、民不聊生... 战争带来了至高皇权,也带来了遍地枯骨。 宇文曼正襟危坐,身边是刚刚被册封的“国姓爷”文泰,殿外站着忠心耿耿、整齐成排的士兵,台阶下是一群诚惶诚恐的大臣。 大臣们曾经跪拜过她,又肆意污蔑她...如今为了日子过得去,只好颤颤巍巍的再次向女皇磕头。 好在女皇的心思还不在他们身上。 因为她是皇帝,所以没有退路——进则生,退必死! 奇迹不会一次又一次发生! 她必须整顿纲纪。 必须让难民归乡、让荒废的良田重新长出庄稼。 必须挥舞利剑,赶走那些盘踞中原的豺狼虎豹......顶级特工失忆,悄然回到故乡; 各国巨头首脑,一夜之间沸腾! “他是可以一人攻破一个国家最高防御的利刃!” “他是医仙王诩的唯一传人,他是医好我不治之症的人!” “他还是我女儿的意中人……” “给我找!不论付出任何代价,一定要找到他!”作者无聊的一些小日记吧赵玉虎,貌不惊人,瘦小枯干,巧舌如簧,能言善辩,这是一位彻头彻尾的小波皮,那真是老牛吃破草帽,满肚子坏圈圈,只有你想不到,没有他做不到,一天不搞点事情,浑身也不自在。 所谓面馍不坏不知酱味,粮不发酵难得美酒。世界上的事,好有好的道理坏有坏的理由,好戏还得坏人配,再好的作品,没有了坏角色的陪衬,也是没法表演的。
提供网站建设搭建 保定做网站 企业的营销要素 网站怎么建 信息安全产业&quot;十三五&quot;发展规划 android信息安全作品 视频网站费用 国家网络安全人员图片 呼和浩特企业网站制作 网络安全法编号 医院推广营销计划书 网络安全及信息化 网站推广策略 想自己建个网站 信息技术与信息安全学习网站软件网络安全认证 网站虚拟主持 方案网站 信息安全赛事 2017年网络安全案件 上海专业网站设计 中山企业网站建设方案 网站后台显示文章前台也显示 但是到第二天前台就不显示是怎么回事邮件营销的优点 android信息安全作品 网站建设公司价格 互联网营销模式 网站建设模板是什么 网站怎么建 成都市网络安全协会 网络营销的优点和缺点 呼和浩特企业网站制作 国家信息安全工程研究中心 福州做网站公司 政务性网站制作公司 邹城做网站 中国网络信息安全联盟网络安全技术好学吗 供应商信息安全管理 2017 429网络安全日 郑州网站建站 如何维护国家信息安全 国际信息安全管理标准体系 北京营销网站建设 提供网站建设搭建 推广网站多少钱 优秀企业网站 济南做网站 济南网站建设优化 提供网站建设搭建 信息安全专业的比赛 网站托管 服装网站模板 实行信息安全等级保护重点保护基础信息网络和关系国家安全 网站推广策略 腾讯网络安全研|究中心 信息网络安全 法规 营销推广怎么写 中国信息安全技术有限公司 温州做网站 高中信息技术信息安全 网站推广策略 以网络安全为主题文章 河南网站建设公 成都市网络安全协会 张家港早晨网站建设 国际信息安全管理标准体系 网站设计小技巧 信息安全等级保护 定级 顺的网站建设信息 网络安全攻击的分类 信息安全应急响应中心 移动微营销 视频网站费用 拟人化营销案例 产品网络安全定义 全国信息安全系统 网络安全110 网络安全 新闻 以网络安全为主题文章 各国网络安全部门 国家网络安全人员图片 东莞市做网站的公司 网站怎么建 实行信息安全等级保护重点保护基础信息网络和关系国家安全 成都个人网站 网络安全助手 石家庄互联网营销 网络营销产品是指 廊坊网站推广 有pc网站 信息安全会议几月召开 网络安全漏洞扫描 网络安全助手 清华信息安全实验室 广东省信息安全认证中心 腾讯网络安全研|究中心 信息安全的主要技术,-1 视频网站费用 网络安全法编号 网络信息安全工作小组 医院要怎样营销方案 2017 429网络安全日 郑州微网站建设 济南做网站 两会网络安全 股票网站建设 珠海营销培训 信息安全赛事 信息技术与信息安全学习网站软件网络安全认证 淘宝网络营销工作内容 网络营销产品是指 鱼塘营销案例 拟人化营销案例 顺的品牌网站建设 信息安全等级保护第五级 成都个人网站 贵州网站制作公司电话 信息安全发展过程 教育网站设计 娃哈哈营销策划目的 加强信息安全的建议 物流网站建设 会员营销的案例 潍坊网站优化 信息安全发展过程 沈阳谷歌网站建设 e-mail视频营销 石家庄互联网营销 广告公司 整合营销 无线网络安全措施 信息安全等保二级 采购 营销推广中的seo 创建网站公司 徐州 32个信息安全技术国家标准 北京营销网站建设 2017网络营销典型案例 移动微营销 温州做网站 上海专业网站设计 网站设计小技巧 信息安全管理制度建设 网站后台显示文章前台也显示 但是到第二天前台就不显示是怎么回事邮件营销的优点 沈阳谷歌网站建设 延安网站建设公司电话 网站建设公司价格 信息安全等保二级 采购 网络安全态势感知技术