Bootstrap环境安装
启明SEO
Bootstrap
2022-10-23 21:04:20
689
0
bootstrap引用
Bootstrap 安装是非常容易的。本章将讲解如何下载并安装 Bootstrap，讨论 Bootstrap 文件结构，并通过一个实例演示它的用法。
下载 Bootstrap
现在最新版本的下载链接是 https://getbootstrap.com/docs/5.2/getting-started/download/。点击进去后，打开页面的界面如下：
可以选择只包含CSS与JS的包或者整个源代码包。
然后把下载下来的压缩包进行解压，放到我们对应的网站目录中，进行调用即可。具体代码如下：
<!DOCTYPE html> <html> <head> <title>Bootstrap 模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> --> <link href="bootstrap-5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="bootstrap-5.2.2-dist/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <h1>Hello, world!</h1> <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有已编译的插件 <script src="js/bootstrap.min.js"></script> --> <script src="bootstrap-5.2.2/dist/js/bootstrap.min.js"></script> <script src="bootstrap-5.2.2-dist/js/bootstrap.min.js"></script> </body> </html>
下一篇： Bootstrap网格系统（Grid System）的工作原理
上一篇： 竞价托管
评论