Bootstrap入门基础(四)

    xiaoxiao2026-10-05  1

    按钮、图片、辅助类

    1,按钮

    按钮基本样式 .btn                       成功的动作 .btn-default

    默认按钮 .btn-default                 警告按钮  .btn-warming

    信息按钮 .btn-info                       链接 .btn-link

    块级按钮 .btn-block                   

    按钮被点击 .active     禁用按钮 .disabled

    2,图片

    .img-rounded:添加 border-radius:6px 来获得图片圆角。.img-circle:添加 border-radius:50% 来让整个图片变成圆形。.img-thumbnail:添加一些内边距(padding)和一个灰色的边框,缩略图功能.img-responsive :图片响应式

    3,辅助类

    .pull-left 浮动到左边                            .full-right 浮动到右边

    .center-blpck 居中                                .clearfix清除浮动

    .hidden  元素隐藏                                 .show 元素显示

    .sr-only  除屏幕阅读器外,其他设备隐藏元素

    转载请注明原文地址: https://ju.6miu.com/read-1312657.html
    最新回复(0)