adminlte java_AdminLTE Button小结

普通的按钮

Default

css类

说明

.btn

按钮标志类，显示为按钮，按钮边角为“border-radius：3px”的圆角

.btn-lg

按钮的大小，可选值有.btn-lg(large),.btn-sm(small), .btn-xs(x-small),
若不设置，按钮大小在lg和sm之间。

.btn-default

按钮颜色(灰)
其它可选颜色有：.btn-primary,.btn-success,.btn-info, .btn-danger,.btn-warning等。

.btn-block

块状显示
设置后，显示按钮时，占据全部空间；不设置时，按钮的大小由其内容决定，可与其他类叠加使用。

.btn-flat

显示按钮边角为直角，可与其他类叠加使用。

.disabled

显示按钮为不可用，颜色更浅一些。

由图标填充的按钮

按钮组.btn-group

水平按钮组

按钮组中各个按钮默认水平一行显示，圆角，不同颜色，内容为文字。

Left

Middle

Right

垂直按钮组

按钮组中各个按钮垂直显示，直角，内容为图标。

按钮带下拉选项的按钮组

Action

Toggle Dropdown

Action
Another action
Something else here
Separated link

元素

说明

.dropdown-toggle

用于下拉按钮，添加后，下拉按钮显示为圆角，与“提示用按钮”配合，样式更加协调

data-toggle="dropdown"

必须设置，点击后，出下拉菜单的效果

class="caret"

使下拉按钮中的span显示为“向下的三角图标”

class="dropdown-menu"

下拉菜单，必须将ul设置为此样式

位于input输入框之后的按钮

Go!

调整div.input-group中input元素和span元素的前后排序，可更改input输入框与按钮的排序。

位于input输入框之前的按钮，并有点击下拉效果。

Action

Action
Another action
Something else here
Separated link

APP图标效果的按钮，并带有角标span.badge

Edit

Notifications

按钮带提示信息

修改

adminlte java_AdminLTE Button小结相关推荐

AdminLTE Button小结
普通的按钮 <button class="btn btn-lg btn-default btn-block"> Default </button> css类 ...
25.项目day06
2 课堂案例练习 2.1 事件操作 <!DOCTYPE html> <html><head><meta charset="utf-8"&g ...
蓝湖界面移动端工具详细教程
1.默认进来页面,默认全部选中 2.点击清除按钮,面板将会被清空 3.点击全选后,全部选中 4.单击左边的某个控件,面板上会选中该控件,再次单击,取消选中 5.长按左边的某个父控件,右边将会将父子控件 ...
day03 - vue基础
day03 - Vue基础能够说出Vue的概念和作用能够使用@vue/cli脚手架工程化开发能够熟练Vue指令一.Vue基本概念思考问题1: 原生js – 代码复杂开发效率慢? - 效率慢 ...
CGB2103-day06
1.安装VUE脚手架 2 课堂案例练习 2.1 事件操作 <!DOCTYPE html> <html><head><meta charset="ut ...
flutter的按钮如何变为不可选中_Flutter 61: 图解基本 Button 按钮小结 (一)
Button 在日常中是必不可少的,小菜尝试过不同类型的 Button,也根据需求自定义过,今天小菜系统的学习一下最基本的 Button: Flutter 中没有 Button Widget,但提供了 ...
Oracle OAF 学习小结（2）- 增删改查/LOV/Button/Sequence 的完整案例开发
开发配置了解EBS服务器目录 $JAVA_TOP JSP中可以引用标准Java类库,也可以引用其他Java类库,客户化开发的类库统一放在$JAVA_TOP下,按目录组织.OAF开发的文件都放在这里. ...
AdminLTE的使用
官方文档link1.AdminLTE的必要配置文件 <meta c ...
html input type=quot;filequot;,科技常识：关于type=quot;filequot;的input框样式修改小结...
今天小编跟大家讲解下有关关于type="file"的input框样式修改小结 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关关于type="file" ...
微信小程序小结02-- 完整的demo
小程序确实方便,在移动端方便小个体宣传,不需要服务器和域名,还有客服功能.按朋友的意思,做了一次调整,分成了首页.预约和我的三个页面. 下面说下遇到的几个问题. 01.客服功能不得不说这个一条龙服务 ...

adminlte java_AdminLTE Button小结

adminlte java_AdminLTE Button小结相关推荐

最新文章

热门文章