文章目录

  • 前言
  • 具体操作
  • 总结

前言

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>

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

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

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

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


总结

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


如何下载使用Bootstrap?相关推荐

  1. Bootstrap实现的响应式APP下载页面代码

    这次分享的是,一个设计优雅的APP下载页面主题,这套HTML是用当下最流行的Bootstrap框架实现的版本是v3.3.3,这套代码非常适合再次开发,代码简介没有多余的部分,结构组织清晰,代码注释完整 ...

  2. 20款响应式bootstrap后台模板源码下载

    绿色清新的bootstrap响应式国外后台管理网站模板 蓝色简洁的响应式手机端云后台管理系统模板 扁平的html5 bootstrap手机后台管理模板源码下载 win8扁平风格响应式后台管理系统模板下 ...

  3. bootstrap的使用

    你可以使用下载的BootStrap文件,通常包括样式文件bootstrap.min.css.Jquery文件(务必在bootstrap.min.js 之前引入).BootStrap核心脚本文件boot ...

  4. BootStrap字体图标不显示、下拉菜单不显示

    在W3CSchool学习BootStrap教程时遇到的问题-- 1.字体图标不能显示 上面是正常显示的样子,不能正常显示,因为缺少下面的字体图标样式文件 (1)在下载的Bootstrap包中将font ...

  5. Bootstrap 字体图标(Glyphicons)

    本章将讲解字体图标(Glyphicons),并通过一些实例了解它的使用.Bootstrap 捆绑了 200 多种字体格式的字形.首先让我们先来理解一下什么是字体图标. 什么是字体图标? 字体图标是在 ...

  6. SSM整合的Maven项目中引入Bootstrap,三步实现高大上插拔UI,后端也有美感

    对比效果 引入bootstrap前 引入bootstrap后 实现 第一步下载并引入bootstrap bootstrap3下载 https://v3.bootcss.com/getting-star ...

  7. bootstrap table使用参考

    https://www.cnblogs.com/landeanfen/p/5821192.html  转载 阅读目录 一.x-editable组件介绍 二.bootstrapTable行内编辑初始方案 ...

  8. Bootstrap 环境安装

    下载 Bootstrap 您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本.当您点击这个链接时,您将看到如下所示的网页: 您会看到两个按钮: Down ...

  9. python bootstrap 4_Python3.4+Django1.9+Bootstrap3

    实现和原理 Python集成Django开发框架后,可以通过在cmd命令提示符下建立工程,工程名为learn_models django-admin.py startproject learn_mod ...

最新文章

  1. minimap2 长reads比对工具
  2. Setup 和Hold (建立时间和保持时间)解析
  3. 编码问题(BOM头简单了解)
  4. android 拨打电话 号码判断
  5. AOP:【动态代理】||@Pointcut
  6. Android JNI 报错(signal 6 (SIGABRT), code -1 (SI_QUEUE), fault addr )
  7. JAVA怎么出现10行10列的星号_C语言输出n行n列星号
  8. 使用 Jupyter Notebook
  9. wps excel 插入公式 整列
  10. mysql em_Python在主体Emai中发送MySQL查询
  11. 使用Python获取上市公司资讯,并进行判断利好利空消息(判断部分待更新)
  12. 是否开启谷歌Ad广告中的搜索网络合作伙伴?
  13. linux查看目录增大了多少g命令,Linux中查看各文件夹大小命令
  14. Grep命令常见用法
  15. BIOS、EFI与UEFI详解
  16. 查询oracle表空间是否满了,oracle表空间满了,导致数据不能写入数据库
  17. 硕士发表SCI论文84篇遭质疑?!本人霸气回应:有无造假随便查!没有拼爹!...
  18. dataload简单用法
  19. 使用Squirrel连接Phoenix
  20. python的循环控制结构_Python的控制结构之For、While、If循环问题

热门文章

  1. APP STORE经验分享
  2. 基于Socket通信的在线网络聊天室
  3. Python3进阶--Socket编程、多线程(创建方式、线程通信、线程锁、线程池)
  4. 在xcode 调试C++ 代码时出现的EXC_BAD_ACCESS 错误
  5. 2.机器学习基础(五)
  6. 光纤准直器的主要作用有哪些
  7. 一个VC写的音乐播放器
  8. 18.04.02 luoguP1332 血色先锋队
  9. 影响计算机算法世界的十位大师
  10. Linux系统配置链路聚合