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

Bootstrap 按钮

资讯来源:海力源码    点击次数:954    更新时间:2019-12-11 10:27:49
本章将通过实例讲解如何使用 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 图片
  • 海力源码手机版
  •  联系客服小美