如何下载使用Bootstrap？

sky-stars

已于 2024-08-27 20:30:20 修改

阅读量9.6k

点赞数 12

分类专栏：笔记文章标签： html css html5 bootstrap 前端

于 2021-11-24 17:26:40 首次发布

本文链接：https://blog.csdn.net/qq_51917985/article/details/121519817

版权

笔记专栏收录该内容

29 篇文章 2 订阅

订阅专栏

文章目录

前言
具体操作
总结

前言

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。本文将进行介绍如何下载使用。

具体操作

1.访问Bootstrap下载网站（此处以V3版本进行介绍）
https://v3.bootcss.com/getting-started/#download

2.点击下载
在这里插入图片描述

3.保存到本地，解压文件
在这里插入图片描述

4.打开文件，将里面的文件全部复制到软件中

IDEA要复制到web目录下

5.Bootstrap依赖于jQuery库，使用Bootstrap之前要下载jQuery库，以下链接介绍关于jQuery库的下载与使用

https://blog.csdn.net/qq_51917985/article/details/121462896

6. 导入Bootstrap和jQuery

	<head>
 	<!-- 1. 导入CSS的全局样式 -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- 2. jQuery导入，建议使用1.9以上的版本 -->
    <script src="js/jquery-3.6.0.min.js"></script>
    <!-- 3. 导入bootstrap的js文件 -->
    <script src="js/bootstrap.min.js"></script>
    </head>