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

ゞ浴缸里的玫瑰 2022-01-21 01:13 288阅读 0赞

做东西的时候，下载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中输入$并且回车  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjA1OTY4_size_16_color_FFFFFF_t_70]  
这就说明你引用成功了~

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjA1OTY4_size_16_color_FFFFFF_t_70]: /images/20220121/0ad77f7d3acb473894f5c604ed5f9ec5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，288人围观）

还没有评论，来说两句吧...

相关阅读

相关 bootstrap引入

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"> <script ...

野性酷女/ 2024年04月18日 13:59/ 0 赞/ 91 阅读

相关 CDN：静态资源如何加速？

目录前言一、CDN概述二、CDN 的关键技术三、为什么使用 CDN 内容分发网络？当用户直接访问源站中的静态内容时，可能面临的体验问题： CDN

迈不过友情╰/ 2024年02月20日 11:03/ 0 赞/ 61 阅读

相关 HTML,bootstrap等引入vue,elementui 等；bootstrap 引入elementui

在非vue项目引用elementUI样式, 注意:数据定义 `data: function () {}` 而非data: () \{\} 方法一(通过 CDN 的方式加载

我就是我/ 2023年01月02日 02:20/ 0 赞/ 311 阅读

相关 html引入bootstrap,Webpack如何引入bootstrap的方法

Bootstrap中是一种事实上的界面标准，标准到现在的网站大量的使用它。如果可以使用webpack引入的bootstrapcss，就可以一个npm install完成项目的依

た入场券/ 2022年10月07日 04:45/ 0 赞/ 275 阅读

相关 bootstrap 三个文件的引入

bootstrap的环境至少需要3个文件：bootstrap.min.css jquery.mis.jsbootstrap.min.js \[html\] [vi

阳光穿透心脏的1/2处/ 2022年07月15日 08:13/ 0 赞/ 316 阅读

相关 vue中引入bootstrap

前面发了几篇关于vue引入第三方插件的，自己也练习很多，没想到今天引入bootstrap的时候又犯了低级错误。引入bootstrap步骤也很简单，首先需要修改bu

ゞ浴缸里的玫瑰/ 2022年06月12日 00:17/ 0 赞/ 321 阅读

相关 Bootstrap link 引入3文件

[简单示例][Link 1] <!DOCTYPE html> <html lang="zh-CN"> <head> <meta c

忘是亡心i/ 2022年05月01日 13:22/ 0 赞/ 233 阅读

相关在jsp引入bootstrap

第一步：在https://v3.bootcss.com/getting-started/\top该网站下载Bootstrap，有可以看到有三种,如下图所示（本人下载的是源码）

布满荆棘的人生/ 2022年04月10日 01:42/ 0 赞/ 342 阅读

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

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

ゞ浴缸里的玫瑰/ 2022年01月21日 01:13/ 0 赞/ 289 阅读

相关 vue项目引入Bootstrap

参考网址：[http://www.jianshu.com/p/83ae402dda5b][http_www.jianshu.com_p_83ae402dda5b] <

冷不防/ 2021年06月24日 16:10/ 0 赞/ 603 阅读