bs(二)表单(按钮、input、图片图标)

  1. 水平表单 form-horizontal类
  2. 内联表格 form-inline lable会换行显示,在div添加form-group,则不换行 form-control让控件在各种表单风格中样式不出错,包括聚焦风格
  3. 单选按钮复选按钮
    这里写图片描述
  4. button 这里写图片描述
    1. 多标签制作按钮
      这里写图片描述
    2. 按钮大小 .btn-sx .btn-lg .btn-xs
    3. 块状按钮 .btn-block
    4. 活动状态
      这里写图片描述
    5. 禁止状态 .disabled
  5. 表单控件大小
    1、input-sm:让控件比正常大小更小
    2、input-lg:让控件比正常大小更大
  6. 表单控件状态(验证状态)
    1、.has-warning:警告状态(黄色)
    2、.has-error:错误状态(红色)
    3、.has-success:成功状态(绿色)
    4、.配合has-feedback使用可显示小图标
  7. 提示信息 .help-clock和.help-inline
  8. 图片
    这里写图片描述
  9. 图标
    这里写图片描述
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值