zoukankan      html  css  js  c++  java
  • bs4_加载顺序

    • js文件必须按照jquery 、 popper 、 bootstrap的顺序引入文档

    <link rel="stylesheet" src="./bootstrap/css/bootstrap.css">
    <script src="./bootstrap/js/jquery.min.js"></script>
    <script src="./bootstrap/js/popper.min.js"></script>
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    
    • 菜鸟教程的bootstrapCDN加载顺序

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    
    • BootStrap官网的bs4的CDN加载顺序

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
    
  • 相关阅读:
    XML
    编码格式
    CSS 实现加载动画之七-彩环旋转
    CSS 实现加载动画之六-大风车
    CSS 实现加载动画之五-光盘旋转
    CSS 实现加载动画之四-圆点旋转
    CSS 实现加载动画之三-钢琴按键
    CSS 实现加载动画之二-圆环旋转
    CSS 实现加载动画之一-菊花旋转
    JS案例之8——从一个数组中随机取数
  • 原文地址:https://www.cnblogs.com/Syinho/p/12370499.html
Copyright © 2011-2022 走看看