海力源码logo图片
400电话图片
热门关键词:  响应式网站    设计网站    营销型网站   
源码资讯
当前位置:首页 > 源码资讯 > Bootstrap 按钮

Bootstrap 按钮

资讯来源:海力源码    点击次数:1252    更新时间:12/11/2019 10:27:49 AM
本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式,具体如下表所示:
以下样式可用于<a>, <button>, 或 <input> 元素上:
描述
 .btn  为按钮添加基本样式
 .btn-default  默认/标准按钮
 .btn-primary  原始按钮样式(未被操作)
 .btn-success  表示成功的动作
 .btn-info  该样式可用于要弹出信息的按钮
 .btn-warning  表示需要谨慎操作的按钮
 .btn-danger  表示一个危险动作的按钮操作
 .btn-link  让按钮看起来像个链接 (仍然保留按钮行为)
 .btn-lg  制作一个大按钮
 .btn-sm  制作一个小按钮
 .btn-xs  制作一个超小按钮
 .btn-block  块级按钮(拉伸至父元素100%的宽度)
 .active  按钮被点击
 .disabled  禁用按钮
上一条:Bootstrap 表单
下一条:Bootstrap 图片
  • 海力源码手机版
  •  联系网站客服
  • 本站图片等部分资料来源于网上,部分未能与原作者取得联系,若涉及版权问题,请联系我们删除!
  • Copyright www.hailiym.com © 2026 All Rights Reserved 海力源码 版权所有 模板标签
  • 联系地址:广东省东莞市南城区莞太路  源码技术支持QQ:42805021
  •    计算机软件著作权登记号:2019SR1008471