zoukankan      html  css  js  c++  java
  • [Bootstrap]全局样式(五)

    辅助样式

    1、情景文本色  .text-muted  .text-primary  .text-success  .text-info  .text-warning  .text-danger  {color}

    2、情景背景色  .bg-primary  .bg-success  .bg-info  .bg-warning  .bg-danger  {color/background-color}

    3、关闭按钮  .close  ×  {padding/cursor/background/border/float/font-size/font-weight/color/opcity}

    4、三角符号  .caret  {display/width/height/border-top/border-left/border-right}

    5、快速浮动  .pull-left  .pull-right  {float!important}

    6、居中  .center-block  {display/margin-left/margin-right}

    7、清除浮动  .clearfix

    8、显示和隐藏  .show  .hidden  .invisible

    9、屏幕阅读器和键盘导航  .sr-only  .sr-only-focusable  {position/width/height/padding/margin/overflow/clip/border}

    10、文本隐藏,图片替换  .text-hide  {font/color/background-color/text-shadow/border}

    11、响应式显示和隐藏类

                         超小<768        小>768        中等>992        大>1200

    .visible-xs-*        可见            隐藏           隐藏           隐藏

    .visible-sm-*       隐藏            可见           隐藏           隐藏

    .visible-md-*       隐藏           隐藏           可见           隐藏

    .visible-lg-*        隐藏            隐藏           隐藏           可见

    .hidden-sm        可见            隐藏           可见           可见

    .hidden-md        可见            可见           隐藏           可见

    .hidden-lg         可见            可见           可见           隐藏

    .visible-**-*  :  .visible-**-block  .visible-**-inline-block  .visible-**-inline

  • 相关阅读:
    JDBC的使用流程
    typescript vscode /bin/sh: ts-node: command not found
    小程序打开app场景
    设置获取cookie,setCookie,getCookie
    解决IOS微信页面回退不刷新问题
    百度小程序添加编译
    百度小程序审核不通过,基础库问题
    Charles Mac 破解安装和证书安装成功抓包单个域名是unknown
    xhrFields实现跨域访问
    Mac上启动nginx报错:nginx: [emerg] bind() to 0.0.0.0:80 failed (48: Address already in use)
  • 原文地址:https://www.cnblogs.com/bsj2016/p/5417122.html
Copyright © 2011-2022 走看看