如何下载使用Bootstrap?

文章目录

  • 前言
  • 具体操作
  • 总结


前言

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


具体操作

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

2.点击下载
如何下载使用Bootstrap?_第1张图片

3.保存到本地,解压文件
如何下载使用Bootstrap?_第2张图片
如何下载使用Bootstrap?_第3张图片
如何下载使用Bootstrap?_第4张图片
4.打开文件,将里面的文件全部复制到软件中
如何下载使用Bootstrap?_第5张图片
IDEA要复制到web目录下
如何下载使用Bootstrap?_第6张图片
如何下载使用Bootstrap?_第7张图片
5.Bootstrap依赖于jQuery库,使用Bootstrap之前要下载jQuery库,以下链接介绍关于jQuery库的下载与使用

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

6. 导入Bootstrap和jQuery

	<head>
 	
    <link href="css/bootstrap.min.css" rel="stylesheet">
    
    <script src="js/jquery-3.6.0.min.js">script>
    
    <script src="js/bootstrap.min.js">script>
    head>

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

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

例如:想使用bootstrap定义的导航栏,复制对应的代码就可以使用
如何下载使用Bootstrap?_第8张图片
菜鸟教程也有关于bootstrap相关介绍
https://www.runoob.com/bootstrap/bootstrap-tutorial.html


总结

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


你可能感兴趣的:(笔记,html,css,html5,bootstrap,前端)