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	显示按钮为不可用，颜色更浅一些。

由图标填充的按钮

元素为图标，图标样式可参考：https://adminlte.io/themes/AdminLTE/pages/UI/icons.html

按钮组.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


    
    3
     Notifications

图标样式可参考：https://adminlte.io/themes/AdminLTE/pages/UI/icons.html

按钮带提示信息

修改