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

来源:互联网 发布:香港最新直播软件 编辑:程序博客网 时间:2024/05/17 20:34
  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 0
原创粉丝点击