美文网首页
按钮,图片,工具和响应式工具(css组件)

按钮,图片,工具和响应式工具(css组件)

作者: 瑾瑜穆伟 | 来源:发表于2017-05-02 22:12 被阅读0次

    #按钮

    1 button

    2 input type=button/submit/reset

    3 a

    #按钮的七种样式

    .btn btn-default

    .btn btn-primary

    .btn btn-success

    .btn btn-info

    .btn btn-warning

    .btn btn-danger

    .btn btn-link

    #按钮尺寸

    .btn-lg

    .btn-sm

    .btn-xs

    默认大小不加类名

    #按钮变成块元素

    .btn-block

    独占一行

    #按钮的激活状态

    按钮被按下时的状态

    .active

    #按钮被禁用时的状态

    鼠标放上或按下时无反应无变化

    .disabled

    总结:强烈建议使用button标签,以确保跨浏览器的一致性样式

    #img图片

    IE8不支持圆角特性

    .img-rounded

    .img-circle

    .img-thumbnail

    #img响应式图片

    img-responsive

    #关闭按钮

    span /button.close

    ×表示乘号

    #向下箭头

    span .caret

    相关文章

      网友评论

          本文标题:按钮,图片,工具和响应式工具(css组件)

          本文链接:https://www.haomeiwen.com/subject/jemhtxtx.html