Bootstrap-----------前端开发框架
会用就可以
1，外部引用‘
即CDN引用，CDN是内容服务器，，每次引用需要访问cdn.bootstrap.com一遍。所以需要响应时间。如果网络速度快当然，不需要本地化，否则还是本地化资源文件，不必去忍受每一次响应很长时间。
加下面代码的头文件部分代码就可以了
<!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> <!-- Single button --> <!-- Split button --> hello world! </body> </html>
2.本地引用
在bootstrap官网下载后
在自己的资料中下载完毕，要引入这三个资源文件
将这三个文件引入到
在代码中引用本地文件就可以使用了
<!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"> <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ --> <title>Bootstrap HelloWorld</title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) --> <script src="js/jquery-3.2.1.min.js"></script> <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 --> <script src="js/bootstrap.min.js"></script> </head> <body> <h1>你好，世界！</h1> </body> </html>
结语
🔥一个人可以掌握知识，但只有与他人交流才能形成智慧。
🔥One person can acquire knowledge, but wisdom is formed only in the exchange with others.
🏆 我坚信人与人之间的差距是表面上是财富的差距，本质上是大脑中认知的差距，
我们下期再见。
