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

  • 相关阅读:
    《Python 源码阅读》之 类型Type
    《Python 源码剖析》之对象
    KMP匹配算法
    Python的递归深度
    js验证手机号
    Jquery 实现 “下次自动登录” 记住用户名密码功能
    js注册读秒进度条
    div+css进度条
    SprignMVC+myBatis整合
    ssm控制输出sql(二)
  • 原文地址:https://www.cnblogs.com/bsj2016/p/5417122.html
Copyright © 2011-2022 走看看