引用bootstrap的两种方法

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。

通过官网下载

bootstrap的官网
bootstrap的下载页面
下载bootstrap压缩后的 CSS、JavaScript 和字体文件,解压后粘贴到项目的静态文件夹中。另外建议下载中文文档搭配使用。

在web页面的头部引入路径

这是一种更简便快速的引用boostrap的方法,直接在web页面的head标签中加入以下代码后即可引用bootstrap样式:
bootstrap核心css文件:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

bootstrap核心JS文件:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" 
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

你可能感兴趣的:(引用bootstrap的两种方法)