BootStrap的CDN加速引入BootStrap相关资源文件

最新推荐文章于 2025-05-29 16:18:50 发布

喜欢学习的小棉袄

最新推荐文章于 2025-05-29 16:18:50 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_42605968/article/details/91126385

前端专栏收录该内容

5 篇文章

订阅专栏

本文详细记录了如何正确地通过CDN引入BootStrap资源文件，包括必要的JQuery文件放置顺序，以及如何验证JQuery是否成功加载的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

做东西的时候，下载BootStrap时不知道是怎么回事本地的BootStrap用不了，应该是我下的不对，然后就i想用CDN引入资源文件，在网上各种奇葩的各种方法很多都是误导的，下面记录起来，以免下一次再入坑，

<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="stylesheet">
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    
</head>
<body>

必须要把JQuery的js文件放在bootStrap前面，因为BootStrap的js里是使用到Jquery的，不然就会报错。

怎么可以判断你有没有引入jquery的js文件，在console中输入$并且回车
在这里插入图片描述
这就说明你引用成功了~