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
综合营销软件企业如何维护网络安全信息安全是 的结合体是一个整体的系统工程社会化内容营销案例企业网络安全怎么管理动力网站信息安全技术体系中的应用安全一般不包括,-1信息安全泄漏湖南省金盾信息安全等级保护评估中心有限公司好未来信息安全规范正式实施时间本书以男主角邹君的都市逆袭为主线,展现了一名社会底层单身汉如何在机缘巧合之下实现“系统升级”一般的开挂逆袭,以及在逆袭过程中所经历过零零总总的精彩人生。在这其中,既有令人羡慕的“桃花运”情节,也有惊险不断的人物冲突场景,科幻与玄幻并举,最终归于修真证道,成就永恒。故事从地球文明到太阳系文明再到银河系文明,精彩还在后头……各位看官,新手上道,请多关照!凡间有十二个国家,分别是:子国,丑国,寅国,卯国,辰国,巳国,午国,未国,申国,酉国,戌国,亥国……宫斗,商斗,权谋,军事海陆空作战……仙界:天空悬浮着7座山脉,这7座山脉被红,橙,黄,绿,青,蓝,紫这7种颜色的彩云分别缠绕着……在这7座彩云山脉之上依稀还有一座更高更飘渺散发着金光的山脉……即是玄幻,即是悬疑,即是言情,即是修仙,即是权谋争斗......美好的事,物,人,大家都想拥有,这是一本付出与获得的故事......米虫非女尊的人物特点,是地地道道的小女人,俗世仙山是以米虫的视野,诉说一部群雄的争斗故事……精彩继续……天下除了至高无上的权利,还有法力无边的法宝,强大的仙术;除此之外便是男人们抢夺最美的女子,女人们抢夺最强势顶级的男子......世间万物,周而复始;盛衰之源,宿命轮回。数百万年后,地球因资源枯竭引发大战,让曾经的大洲、大洋变成了一块荒凉的大陆,绝大部分陆地在战争中沉入海洋,本以为地球将文明会因此消失在宇宙历史之中,不曾想因上古大战导致外泄的地球内核能量,却奇迹般的让地球生命得以进化。十万年之后,曾经满目疮痍的土地再次以无比宽大的胸襟重新接纳人类。当然也不止是人类……孤儿陆安通过随身的“寄名锁”于乱世中寻找亲属,经历清末风云、民国军阀割据两个时间段,最终他的结局会是如何呢?重生回到1996的男主肩负拯救国足的重任,同时还要寻找自己的挚爱. 不到18岁就称为国足第一球星,接下来看男主如何征服欧罗巴,带队为国家荣誉征战世界杯赛场. 踢球的同时还建立了庞大的商业帝国,搞青训,执掌国足帅印,入主足协. 一路成长还要遇见各种随机的副本一样的事件,警匪?武侠?仙侠? 应有尽有! 本文没有系统,没有穿越,没有金手指 其他爽文有的,我们的主角都没有 但他拥有一个神豪老爸,出生即是巅峰 母亲是京都第一美人,父亲是全球第一富 三个姐姐全是美女,两个哥哥也全是帅哥 作为全家最小的孩子,从小就被被所有人宠上天 不光家庭好,天赋也好,别人两个月学会,而我只需要一个月 我的名字叫叶京,我也想低调,但是实力不允许啊! 本文是以第一人称方式带入的爽文 文章纯属虚构,请勿轻易模仿!凡有所相,皆为虚妄。凡是所想,终成万相。暗夜将临,黎明破晓还会远吗?繁星参差错落,每一颗星星都蕴藏着宇宙奥秘,星光就是它们表达的方式。公元2376年,一个名为星网的邪恶组织正密谋着一场通过卫星飞船保护实则操控全球的计划,暗星计划,暗网计划相继施行。可就在暗星计划刚刚启动不久,机缘巧合之下被男主江明发现其阴谋,也得知父母失踪也与其有关,但自己也留下了破绽。江明能否带着伙伴们突破重围,替华夏星际安全局寻找更多线索,保卫国家,守护地球,还有父母的下落?请跟着繁星寻找那黎明破晓前的曙光吧!最强兵王归来,竟发现家人被逼迁,一怒之下,风云骤变,血流成河。他本想闲云野鹤悠闲度日,却陪她纵横商界叱诧风云,为她打下一片江山。说评书的到了异世能干啥?忽悠呗!未婚妻的背叛、父亲的离奇死亡、母亲的神秘失踪! 背负着沉重包袱的沈夜白,毅然走向那十死九生的屠邪之路。 在这弱肉强食,渐渐失去秩序的修炼世界,他闯荡坠天神域、脚踏万千邪族、在天地战场纵横杀戮…… 当他驻足停歇、放眼天地,才发现自己早已站在了这个世界的绝顶之巅!
综合营销软件 网络安全动态分析包括 计算软考网络安全 制作一个网站步骤排版 动态网站制作 公司网站设计案例 郑州市公安局信息网络安全报警网站 不属于微博营销特点 网站推广途径 补天 信息安全 家庭关系的沟通技巧有哪些?【www.richdady.cn】 儿子不读书的原因分析【www.richdady.cn】 财运不佳的风水布局咨询【www.richdady.cn】 家庭关系的沟通技巧咨询【www.richdady.cn】 纠纷的心理调适【www.richdady.cn】 迟缓儿的咨询技巧【企鹅383550880】√转ihbwel 缺心眼的沟通技巧咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 如何预防冤亲债主的干扰?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世缘份的缘分再续【www.richdady.cn】√转ihbwel 财运不佳的理财技巧咨询【微:qq383550880 】√转ihbwel 与女友前世的影响分析【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 祖灵的存在形式咨询【www.richdady.cn】√转ihbwel 冤亲债主干扰有哪些案例?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 纠纷的调解技巧【www.richdady.cn】√转ihbwel 孩子压力大的自我提升【企鹅383550880】√转ihbwel 孩子压力大的改运方法【微:qq383550880 】√转ihbwel 自闭症的前世因果【企鹅383550880】√转ihbwel 前世缘份的前世案例咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 学习成绩差的家庭教育咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 头脑混沌【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 互联网网络安全信息通报实施办法 营销型网站功能表 沧州网站制作 个人网站制作 旅游线路的营销推广 信息安全管理控制规范 公司网站设计案例 进行公司网站建设方案 信息安全分享,-1 福州金山网站建设 河北师范大学信息安全 王连印中国信息安全,-1 不属于微博营销特点 视频网站建设方案 网络安全管理横向联系 网站建设套餐 动力网站 五级网络安全是 好未来信息安全规范正式实施时间 东软网络安全产品 主流网络安全机制 深圳北网站建设 做网站设计所遇到的问题 企业网络安全认证证书 英国网络安全立法 如何做好外贸网络营销 合山市网站 如何做好外贸网络营销 wifi网络安全管理会议 网络安全服务. 网站推广途径 重庆大足网站制作公司哪家专业 国家信息安全问题研究 国家信息安全问题研究 动力网站 南宁网站建设7make 网站建设推广 南昌网站设计单位公司 网络安全事件2017 手机企业网站设计 旅游线路的营销推广 网络安全事件记录表 补天 信息安全 信息安全技术体系中的应用安全一般不包括,-1 常用网络安全工具软件企业微博营销的特点 湖南省金盾信息安全等级保护评估中心有限公司 建网站 xyz 辽宁信息安全测评中心 防火墙在网络安全中所起的作用 沧州网站制作 富阳网站 免费网站是 综合营销软件 防火墙在网络安全中所起的作用 qq网络营销策划 线条类网站 网络营销的优势 qq网络营销策划 网络安全与openssl 国家信息安全小组成员 单位信息安全等级保护 福州网站建设服务商 企业网络安全认证证书 信息安全特性 南京网站建设公司 全国公安机关网络安全保卫工作会 与网络营销相关的书籍推荐 珠海企业集团网站建设 网络安全管理横向联系 网站首页面设计 网络营销带来的利与弊 中央网络安全 管理互联网 重庆 手机网站制作 上海营销部 公司网站设计案例 我国网络营销发展阶段 互动营销案例 河北师范大学信息安全 信息安全是 的结合体是一个整体的系统工程 威胁网络安全的主要因素有哪些 古镇网站建设 网络安全宣传周标识 上海网站建设 网络安全哪家好 微山做网站 古镇网站建设 分栏式的网站有哪些 潍坊网站建设兼职 网络信息安全平台 分栏式的网站有哪些 互联网网络安全信息通报实施办法 社会化内容营销案例 网络安全攻击有哪些 dos攻击 网络安全与openssl 中国信息安全保护 技术安全是网络安全 广东做网站 互联网信息安全产业基地网络安全指标体系 信息安全大事情乐清网站推广公司 信息产业信息安全测评中心 招聘 厦门有没有做网站的 数据可视化网站 微信邮件营销 合山市网站 国家信息安全小组成员 天津网站设计 思科无线网络安全 上海市公安局网络安全总队 地址 网络安全所涉及的内容 西安市做网站 企业网站需要响应式 怎样健网站 网络安全动态分析包括 互动营销案例 抄袭的网站 云南昆明网站建设 南山的网站建设公司信息安全技能竞赛 网络营销能力秀的文章 信息安全分享,-1 与网络营销相关的书籍推荐 手机网站方案 营销型网站功能表 网络营销软件 网站建设品牌推荐龙岗营销网站建设 西安网站空间 网络营销充电 网络安全面临的威胁主要有哪些 信息安全分享,-1 产品网络安全认证证书 信息安全开设院校 福州金山网站建设 网站制作公司咨询热线 创新的商城网站建设 英国网络安全立法 古镇网站建设