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
建立网站原则信息安全顶级会议2014 信息安全 信息技术网站设计行业资讯办公室信息安全工作广州网站建立澳大利亚 网络安全部博客营销法常用的信息安全防护方式是合肥网站建设马鞍山网站制作苗族深信:灵魂不死,生死无界。生死两个世界并非孤离互相隔绝,而是存在许多联系通灵之人,如东郎,梯玛,巫师和仙娘等。因此,在苗族宗祠里,除了部落年纪最老的长老,东郎便是最受尊重最受敬重和最受信任之人。但是,并非什么人想当东郎就行。东郎必须有一番坎坷传奇,无私勇敢,品行端正,尽德尽责;必须懂得吟诵安抚离世的逝者灵魂,通过颂唱指引灵魂顺利转世投胎;必须以一己之力,把沉重的棺材和尸体背到百米之上,完成传承千年的苗家崖葬仪式;必须在崖洞中守尸三天三夜,在这三天内不能合眼睡觉……此外,东郎的选定,还类似西藏寻找转世灵童的金瓶掣签制,必须由苗寨村落最老的长老和东郎大师选定同意,才能正式成为东郎,成为逝者渡向永生的背尸人。 由此,东郎收入丰厚,地位崇高,苗蒙皆羡慕,心仪,向望和努力不已!   唐初,贞观二年,李盛穿越成大唐年间里的一个小太保,此时,遭遇突厥人袭击的李世民、杜如晦等人意外来到了庄里。   更令李世民等人意外的是,这个小太保家中的东西竟然很不一般!   “李盛,化学反应是什么?吸热反应又是何物?”   李盛:“我...&amp;quot;修真界倒数第一的差班生,怎么在强者独尊的修真界中闯出一片天下?如果有一天你发现: 你可以在梦中成为游戏和影视剧中任意一个人物,获取他们的能力,你会怎么办?新历0001年,神明降临,入侵地球。 经过15年的艰难抗争,人类文明最终走向灭亡! 大夏守护神林凡重回神明降临三月前,这一世,他要带领大夏,以举国之力迎战神明! 海洋之神,大夏以钢铁长城应对! 天空之神,我大夏巨炮怒指苍天! 凛冬之神,我大夏修建地下熔炉! 这一世,凡人屠神! 国门所在,林凡面对那高高在上的神明,持修罗刀怒目而立。 身后,巨炮林立,钢铁长城,巍峨大夏! “所谓神明,可敢与我一战,可敢与我人族一战。” “可敢入我大夏半步!” 这一刻,人间大夏,神明禁区! 我以修罗,斩神明!我长相清秀,但不企于帅气,表面的浪子也只是埋藏真诚的狼皮。一次次的失败什么时候才能成功(本文讲述一个男孩子的迷路感情成长)欢迎收看早间新闻...今天是2127年6月12日 自2122年以来全球降水量大幅下降,世界淡水储量急剧下降。 使得粮食产能严重不足,专家呼吁大家节约用水,减少非必要的淡水使用。珍惜粮食请勿浪费。 我国科研工作者经过三年的不懈努力,在今日凌晨终于研制成功z国首枚人工干预降雨火箭。火箭代号“甘露”。 在武当山写生的安远意外被雷劈死,来到了一个半死之人的身上……而且是在乞丐窝里面,还差点晚节不保。 他好不容易混出城外,一个身材高挑,眉宇间透露英气都女反贼直接把他按在树干上。 “给我脱!” “大姐,这光天化日的不好吧?还有一见面就……”安远听到这样的话,正在考虑要不要适当反抗。 直到这个女子把剑抽了出来,寒光闪在安远的眼睛中。 安远看了看她手中的剑,咽了咽口水说道:“好说,好说,你能不能先放开我,被你按着脱不了……还有,裤子也要吗?”20岁的我被转生到了新的世界,成为了无敌一般的存在本书又名:《炒股致富真是太难了》、《韭菜的自我修养》、《如何不被股市绿》、《技术流&amp;amp;价值投资流的选择》、《亏损八成的我是如何回本的》、《斩断亏损让利润奔跑》、《拒绝成为股市中的乌合之众》、《炒股就是赌运气,别用实力亏掉靠运气赚的钱》······ 看铁逵炒股直播的网友们表示,以上书名都是错的,本书应该又名:《可恶,又被他买到涨停股了》、《放开那个涨停板,让我上!》、《高喊要亏光的他又赚到了》、《他真把股市当取款机》、《我要拜他为师学炒股》、《买股票一定要跟紧他的步伐》······
无锡网站建设 澳大利亚 网络安全部 数据库网络安全措施 信息安全软件有那些 互联网营销网站 信息安全大赛比什么 国家信息安全 最新网络安全故事 是否有邮件营销 网络安全攻防 精神不振的心理调适咨询【www.richdady.cn】 孩子学习不好的家庭教育【www.richdady.cn】 儿子抑郁症的康复训练咨询【www.richdady.cn】 大龄剩女的自我提升【www.richdady.cn】 外灵干扰的自我提升【www.richdady.cn】 大龄剩女的婚姻选择【σσЗ8З55О88О√转ihbwel 儿子抑郁症的环境影响【σσЗ8З55О88О√转ihbwel 纠纷的自我保护【微:qq383550880 】√转ihbwel 与老公前世的前世案例咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 升迁障碍【微:qq383550880 】√转ihbwel 莫名其妙感伤的咨询技巧【微:qq383550880 】√转ihbwel 精神不振的环境影响咨询【微:qq383550880 】√转ihbwel 不爱读书的案例分享【σσЗ8З55О88О√转ihbwel 灵魂化解的具体步骤【www.richdady.cn】√转ihbwel 人际关系不好的案例分享【www.richdady.cn】√转ihbwel 去世的母亲在哪咨询【www.richdady.cn】√转ihbwel 特殊学校的咨询技巧咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世今生的梦境解析咨询【企鹅383550880】√转ihbwel 升迁障碍的原因分析咨询【企鹅383550880】√转ihbwel 自闭症的案例分享咨询【σσЗ8З55О88О√转ihbwel 网络安全数据安全 佛山网站建设服务器 包装材料营销型网站 安徽网站推广 武汉 信息安全比赛 2015 最新网络安全故事 嘉兴网站开发 南京交通大学信息安全 广东信息安全评测中心 2014 信息安全 信息技术 南京交通大学信息安全 公司信息安全ppt 信息安全软件有那些 虚拟化 网络安全 广州做手机网站信息 网络营销常用词 建站视频教程全套 asp网站源码网页制作设计建设视频教程百度云 网络世界 网络安全 响应式网站开发 中国网络安全部门 国家信息安全 佛山网站建设服务器 营销策略特点 网络安全漏洞论坛 合肥网站制作前3名的 网站推广营销 包装材料营销型网站 上海信息安全培训班,-1 账号的克隆 网络安全 厦门网络营销师培训学校 中国信息安全认证中心 主任 潜艇 信息安全 网络营销个人网站 合肥网站建设马鞍山网站制作 当前信息安全形势 网络安全周 负载均衡 2017信息安全事件调查,-1 国家信息安全服务 网络安全的上市公司 网络营销职责 网络安全国际认证 信息安全 国家安全局 设计师网站 互联网网络安全态势 湖南网络与信息安全测评中心 涪陵网站建设 专注于网络安全 绵阳市公司网站建设 公司信息安全ppt 奥巴马营销 营销证书 信息安全建设依据 关键信息基础设施网络安全检查填报系统 无锡网站建设 昆山企业网站设计 信息安全等级 怎么评 网站建设知识 网络安全攻防实战教程 政府网站怎么管理系统 合肥网站制作前3名的 投诉期新产品 营销策略 政府网站怎么管理系统 信息安全建设依据 浙江网站设计公司电话 企业内部信息安全平台,-1 计算机安全中的信息安全主要是指 公安部 信息安全通报中心 南京交通大学信息安全 搜索引擎营销方案 关于注意网络安全 信息安全组织体系 网络安全 律师 丹阳网站建设 海安做网站 黑河网站建设 成都网站制作设计 包装材料营销型网站 宝鸡网站建设上海武汉阳网站建设 美国信息安全部门 信息安全示例 南京交通大学信息安全 企业网站优化 哇哈哈网络营销策划书 北京旅游型网站建设 it审计属于信息安全 公司信息安全ppt 网络安全攻防实战教程 营销培训课程 上海做网站的 it审计属于信息安全 如何策划网络营销活动 网络安全国际认证 学院网站规划方案 如何策划网络营销活动 营销策略特点 网络营销学什么专业 网站建设 网络推广 珠海网站制作 信息安全等级 怎么评 常用的信息安全防护方式是 网络安全数据安全 什么是营销方法 买网站模板 数据库网络安全措施 微信营销标题怎么写 成都网站优化公司 网络安全漏洞论坛 企业网站优化 奥巴马营销 上海市网络安全宣传周 账号的克隆 网络安全 信息安全大赛比什么 中国营销软件网网站 武汉 信息安全比赛 2015 合肥网站制作前3名的 当前信息安全形势 嘉兴网站开发 信息安全服务三级资质 网络营销个人网站 常州网站价格 酒店网络营销概念 杭州网络科技网站建设 重庆网络营销哪家专业 珠海网站制作 潜艇 信息安全 服务营销优缺点 美国网络安全战略对中国有何启示 湖南网络与信息安全测评中心 当前信息安全形势 东莞制作网站 营销培训课程 鹰潭网站建设 政府网站怎么管理系统 全球十大网络安全公司 学院网站规划方案