bootstrap table 光标_第三章之Bootstrap 表格与按钮功能

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。

学习要点：

1.表格

2.按钮

本节课我们主要学习一下 Bootstrap 表格和按钮功能，通过内置的 CSS 定义，显示各种丰富的效果。

一．表格

Bootstrap 提供了一些丰富的表格样式供开发者使用。

1.基本格式

//实现基本的表格样式

注：我们可以通过 Firebug 查看相应的 CSS。

2.条纹状表格

//让

里的行产生一行隔一行加单色背景效果

注：表格效果需要基于基本格式.table

3.带边框的表格

//给表格增加边框

4.悬停鼠标

//让

下的表格悬停鼠标实现背景效果

5.状态类

//可以单独设置每一行的背景样式

注：一共五种不同的样式可供选择。

样式说明:

active鼠标悬停在行或单元格上

success标识成功或积极的动作

info标识普通的提示信息或动作

warning标识警告或需要用户注意

danger表示危险或潜在的带来负面影响的动作

6.隐藏某一行

//隐藏行

7.响应式表格

//表格父元素设置响应式，小于 768px 出现边框

二．按钮

Bootstrap 提供了很多丰富按钮供开发者使用。

1.可作为按钮使用的标签或元素

//转化成普通按钮

Link

Button

注意事项有三点：

(1).针对组件的注意事项

虽然按钮类可以应用到和元素上，但是，导航和导航条组件只支持元素。

(2).链接被作为按钮使用时的注意事项

如果元素被作为按钮使用 -- 并用于在当前页面触发某些功能 -- 而不是用于链接其他页面或链接当前页面中的其他部分，那么，务必为其设置 role="button" 属性。

(3).跨浏览器展现

我们总结的最佳实践是：强烈建议尽可能使用元素来获得在各个浏览器上获得相匹配的绘制效果。

另外，我们还发现了 Firefox <30 版本的浏览器上出现的一个 bug，其表现是：阻止我们为基于元素所创建的按钮设置 line-height 属性，这就导致在Firefox 浏览器上不能完全和其他按钮保持一致的高度。

2.预定义样式

//一般信息

Button

样式说明

btn-default默认样式

btn-success成功样式

btn-info一般信息样式

btn-warning警告样式

btn-danger危险样式

btn-primary首选项样式

btn-link链接样式

3.尺寸大小

//从大到小的尺寸

Button

4.块级按钮

//块级换行

Button

5.激活状态

//激活按钮

Button

6.禁用状态

//禁用按钮

Button

以上所述是小编给大家介绍的Bootstrap 表格与按钮功能，希望对大家有所帮助！

bootstrap table 光标_第三章之Bootstrap 表格与按钮功能相关推荐

《精通数据仓库设计》中英对照_第三章
<精通数据仓库设计>中英对照_第三章第二部分模型开发数据仓库应该表示企业数据的各个方面,这些方面以主题域和业务数据模型开始.我们将在第3章使用一个假想的公司,指导一步一步地开发这两个 ...
Lync Server 2010的部署系列_第三章证书、架构、DNS规划
Lync Server 2010的部署系列_第三章证书.架构.DNS规划一.证书规划组件使用者名称使用者备用名称条目/顺序证书颁发机构 (CA) 备注边缘外部接口 Sip.Giantha ...
c语言中,x-y,'105',ab,7f8那个是正确的,C语言程序设计_第三章数据.ppt
C语言程序设计_第三章数据 * 运算符功能与运算量关系要求运算量个数要求运算量类型运算符优先级别结合方向结果的类型学习运算符应注意 * 基本算术运算符: + - * / % 结合方向: ...
管理系统中计算机应用课件,管理系统中计算机应用_第三章课件.ppt
<管理系统中计算机应用_第三章课件.ppt>由会员分享,提供在线免费全文阅读可下载,此文档格式为ppt,更多相关<管理系统中计算机应用_第三章课件.ppt>文档请在天天文库搜索 ...
OpenCV函数简记_第三章数字图像的滤波处理（方框，均值，高斯，中值和双边滤波）
系列文章目录 OpenCV函数简记_第一章数字图像的基本概念(邻域,连通,色彩空间) OpenCV函数简记_第二章数字图像的基本操作(图像读写,图像像素获取,图像ROI获取,图像混合,图形绘制) Op ...
ArcGIS for Desktop入门教程_第三章_Desktop软件安装 - ArcGIS知乎-新一代ArcGIS问答社区...
原文:ArcGIS for Desktop入门教程_第三章_Desktop软件安装 - ArcGIS知乎-新一代ArcGIS问答社区 1 软件安装 1.1 安装前准备请确认已经收到来自Esri中国( ...
屏幕输出语句_第三章常用输入/输出函数
第三章常用输入/输出函数与其他高级语言一样, C语言的语句是用来向计算机系统发出操作指令的. 当我们提到输入时,这意味着要向程序填充一些数据.输入可以是以文件的形式或从命令行中进行.C 语言提供了 ...
oracle体系三大文件,oracle 体系_第三章控制文件
第三章控制文件 1.功能特点记录数据库当前的物理状态维护数据库的一致性,是一个二进制的小文件在mount阶段被读取,记录rman备份的元数据查看database控制文件的位置 Show pa ...
)类新建javafx程序时_第三章第一个OpenCV的JavaFX应用程序.md
# 第三章第一个OpenCV的JavaFX应用程序 --- ***注意***:我们假设您现在已经阅读了之前的教程.如果没有,请在[http://opencv-java-tutorials.readt ...

bootstrap table 光标_第三章之Bootstrap 表格与按钮功能

bootstrap table 光标_第三章之Bootstrap 表格与按钮功能相关推荐

最新文章

热门文章