明净

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

 .svg             image/svg+xml
.woff            application/x-font-woff
.woff2          application/x-font-woff

    
   
   
   
描述实例
btn-info2  

 

 
btn-purple  

 

 
  • .btn-pink
 

 

 
btn-light  

 

 
btn-yellow  

 

 
btn-grey  

 

 
     
btn-white btn-bold btn-round btn-transparent no-border btn-white  
     
grey hhh灰色uiu  
.btn 为按钮添加基本样式
.btn-default 默认/标准按钮
.btn-primary 原始按钮样式(未被操作)
.btn-success 表示成功的动作
.btn-info 该样式可用于要弹出信息的按钮
.btn-warning 表示需要谨慎操作的按钮
.btn-danger 表示一个危险动作的按钮操作
.btn-link 让按钮看起来像个链接 (仍然保留按钮行为)
btn-xlg    
.btn-lg 制作一个大按钮
.btn-sm 制作一个小按钮
.btn-xs 制作一个超小按钮
btn-mini    
btn-minier    
.btn-block 块级按钮(拉伸至父元素100%的宽度)
.active 按钮被点击

.disabled 禁用按钮

按钮

disabled 属性可制作一个禁用的按钮:



.disabled 类使得链接不可用:

禁用的信息链接
no-hover    
no-border    
icon-on-right    
icon-only     
 

.btn-lg 这会让按钮看起来比较大

.btn-sm这会让按钮看起来比较小

.btn-xs这会让按钮看起来特别小

.btn-block这会创建块级的按钮,会横跨父元素的全部宽度

 
posted on 2017-08-01 16:44  明净  阅读(587)  评论(0编辑  收藏  举报