码迷,mamicode.com
首页 > 其他好文 > 详细

BootStrap表格

时间:2019-03-27 11:18:09      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:默认   边框   str   cond   操作   width   基本   apt   描述   

BootStrap代码显示方式

第一种是<code>标签,内联显示代码

第二种是<pre>标签,代码需要被显示为一个独立的块元素或者代码有多行。

开始标签&lt;,结束标签&gt;

<pre>多行代码、<pre class="pre-scrollable">多行代码带有滚动条

BootStrap表格

标签 描述
<table> 为表格添加基础样式
<thead> 表格标题行的容器元素<tr>
<tbody> 表格主体中的表格行的容器元素
<tr> 单行上的表格单元格的容器元素
<td> 默认的表格单元格
<th> 特殊的表格单元格
<caption> 表格存储内容的描述或总结

表格类:

描述
.table 为任意表格添加基本样式
.table-striped 在<tbody>内添加斑马线形式的条纹
.table-bordered 为所有表格的单元格添加边框
.table-hover 在<tbody>内的任一行启用鼠标悬停状态
.table-condensed 让表格更加紧凑

<tr>,<th>和<td>类

描述
.active 将悬停的颜色应用在行或单元格上
.success 成功的操作
.info 信息变化的操作
.warning 警告的操作
.danger 危险的操作

基本的表格样式:class.table、条纹表格:.table-striped class、边框表格:.table-bordered class、悬停表格:.table-hover.class、精简表格:.table-condesed class

响应式表格:.table-responsive class

 

BootStrap表格

标签:默认   边框   str   cond   操作   width   基本   apt   描述   

原文地址:https://www.cnblogs.com/cye9971-/p/10605711.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!