Bootstrap的两种引入方式，本地方式和CDN方式
Bootstrap 是世界上最流行、最广泛使用的前端框架之一，提供了用于构建响应式、移动设备优先的web应用程序的基础CSS样式和JavaScript插件。以下是在本地文件和CDN（内容分发网络）中引入Bootstrap的两种常用方法，以及如何将Bootstrap导入您的项目中：
本地方式引入Bootstrap
要通过本地方式引入Bootstrap，您需要在HTML文件的<head>标签中添加以下代码：
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
<script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>将上述代码保存在HTML文件的<head>标签中，并将../node_modules/bootstrap/改为实际的bootstrap模块的目录。例如，如果bootstrap库位于/Users/YOUR_USER/node_modules/bootstrap/，则需要将其替换为../bootstrap/.
使用CDN方式引入Bootstrap
使用CDN的方式可以使您的网站更快、更稳定地加载Bootstrap，并将Bootstrap库放在CDN服务器上。CDN引入Bootstrap的基本语法如下：
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>如果CDN提供商支持，您可以使用CDN引入Bootstrap。当您使用CDN时，请更改链接路径为实际的bootstrap模块目录。
这两种方法都可以用来引入Bootstrap库。选择哪种方法取决于您的项目需求、您所使用的硬件设备或服务器速度要求。通常情况下，本地方式引入Bootstrap比较稳定，而CDN方式可以更快地提供所需的文件，但是存在一些潜在的CDN提供商不支持的文件。
相关·内容
共31个视频
腾讯微认证路径课
学习中心该课程是《CODING DevOps 产品认证》配套课程，包含「敏捷&精益&瀑布概述」、「CODING 项目管理介绍与实践」、「DevOps 知识体系」和「CODING DevOps 介绍与实践」四大部分，共 31 课时。通过理论与实践结合的方式，实现课程的连续性、全面性、立体性和可操作性。
共39个视频
Servlet规范教程入门到精通-动力节点
动力节点Java培训本课程为servlet开发由浅入深的全套体系课程，是所有JAVA WEB开发的基础，通过servlet的学习，我们可以观察到最初级的浏览器和服务器之间交互的全过程。
课程中会针对servlet开发的所有相关知识点，如对于get和post的处理，响应方式，转发和重定向，上下文等相关技术做最深入的讲解。
课程最后会搭配一个登陆操作及显示学生信息列表的综合案例，对servlet开发做一个最完整的总结。
共14个视频
CODING 公开课训练营
学习中心本训练营包含 7 大模块，具体为敏捷与瀑布项目管理、代码管理、测试管理、制品管理、持续部署与应用管理。从 DevOps 全链路上每个模块的业界理念和方法论入手，以知其然并知其所以然为设计理念，并结合 CODING 平台的工具实操教学，给出规范示例，不仅能帮助学习者掌握 DevOps 的理论知识，更能掌握 CODING 平台各产品模块的正确使用方式，并进行扩展性的实践。
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
