html引入路径_Bootstrap的两种引入方式，本地方式和CDN方式-建站常识-网站建设-泊元信科

-----------前端开发框架

只需使用

1. 外部引用'

也就是CDN引用，CDN是内容服务器，每次引用都需要访问一次。所以响应是需要时间的。如果网速快的话当然就不需要本地化了，否则还是需要对资源文件进行本地化，也不用每次都忍受很长的响应时间。

只需将以下代码添加到头文件即可。

DOCTYPE html>
	<html lang="zh-CN">
	<head>
  <title>Bootstrap 实例title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js">script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js">script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js">script>
head>
	<body>


		hello world!
	
	body>
	html>

2. 本地引用

从官方网站下载后

在这里插入图片描述

下载进自己的资料后需要引入这三个资源文件

在这里插入图片描述

将这三个文件导入

在这里插入图片描述

您可以通过在代码中引用本地文件来使用它

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>Bootstrap HelloWorldtitle>
    
    <link href="css/bootstrap.min.css" rel="stylesheet">
    
    <script src="js/jquery-3.2.1.min.js">script>
    
    <script src="js/bootstrap.min.js">script>
head>
<body>
<h1>你好，世界！h1>
body>
html>

结论

人可以获得知识，但智慧却只能通过与他人的交流才能形成。

可以，但只能在与。

二维码
扫一扫在手机端查看

Tags :

bootstrap cdn

本文链接：https://by928.com/6449.html 转载请注明出处和本文链接！请遵守《网站协议》！
我们凭借多年的网站建设经验，坚持以“帮助中小企业实现网络营销化”为宗旨，累计为4000多家客户提供品质建站服务，得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求，请立即点击咨询我们或拨打咨询热线： 13761152229，我们会详细为你一一解答你心中的疑难。

项目经理在线

我们已经准备好了,你呢？

html引入路径_Bootstrap的两种引入方式，本地方式和CDN方式

我们已经准备好了,你呢？

联系方式

二维码