zoukankan      html  css  js  c++  java
  • jquery插件

    常用插件

    ——sweetalert

    https://github.com/limonte/sweetalert2

    ——jquery lazyload

    ——Font Awesome

    http://www.fontawesome.com.cn/faicons/

    ——toastr

    http://thevectorlab.net/flatlab/toastr.html

    - [Font Awesome]

    (http://fontawesome.io/)

    - [jQuery lazy load]

    (https://github.com/tuupola/jquery_lazyload)
    - [SweetAlert]

    (https://github.com/t4t5/sweetalert)/[SweetAlert2](https://github.com/limonte/sweetalert2)
    - [Toastr]

    (http://codeseven.github.io/toastr/)

    使用:

    1.先导入插件的css文件

    2.导入jquery

    3.导入插件的js文件

    响应式布局

    bootstrap媒体查询:

    /* 超小屏幕(手机,小于 768px) */
    /* 没有任何媒体查询相关的代码,因为这在 Bootstrap 中是默认的(还记得 Bootstrap 是移动设备优先的吗?) */
    
    /* 小屏幕(平板,大于等于 768px) */
    @media (min-width: @screen-sm-min) { ... }
    
    /* 中等屏幕(桌面显示器,大于等于 992px) */
    @media (min-width: @screen-md-min) { ... }
    
    /* 大屏幕(大桌面显示器,大于等于 1200px) */
    @media (min-width: @screen-lg-min) { ... }

    我们偶尔也会在媒体查询代码中包含 max-width 从而将 CSS 的影响限制在更小范围的屏幕大小之内。

    @media (max-width: @screen-xs-max) { ... }
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
    @media (min-width: @screen-lg-min) { ... }
  • 相关阅读:
    114.114.114.114和8.8.8.8
    一台电脑双网卡同时上网
    eNSP模拟器
    路由器UPnP
    子网掩码
    网线水晶头制作
    AP (无线访问接入点(WirelessAccessPoint))
    筛选键
    注册表方法修改网络名称
    图片素材网址
  • 原文地址:https://www.cnblogs.com/pythonclass/p/7686556.html
Copyright © 2011-2022 走看看