文章目录

  • 前言
  • 具体操作
  • 总结


前言

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


具体操作

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

2.点击下载

3.保存到本地,解压文件



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

IDEA要复制到web目录下


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

https://blog.csdn/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>

7. 复制成功,并且下载jQuery以后就可以使用了,关于使用访问Bootstrap中文文档

https://v3.bootcss/getting-started/

例如:想使用bootstrap定义的导航栏,复制对应的代码就可以使用

菜鸟教程也有关于bootstrap相关介绍
https://www.runoob/bootstrap/bootstrap-tutorial.html


总结

Bootstrap是一种前端的框架样式,本文主要介绍Bootstrap的下载与使用,关于它的具体介绍可以访问官网和菜鸟教程


更多推荐

如何下载使用Bootstrap?