Bootstrap 基本介绍
概述
Bootstrap4是一套用于HTML、CSS、JavaScript的开源工具集，它简洁灵活，使得web开发更加的便捷.
Bootstrap 由 Mark Otto 和 Jacob Thornton 在 Twitter公司 上开发，并于 2011 年 8 月 在 GitHub 上作为开源产品发布。
概述: Bootstrap是一个建立一个页面,就可以在3三个终端(PC端、平板、手机)上完美展示的响应式前端框架
Bootstrap 更易于使用、响应功能等
Bootstrap 三大核心
基本CSS
- 设置全局的CSS样式，基本的HTML元素均可以通过class设置样式并得到增强效果；还有先进的栅格系统；
组件
- 无数可以复用的组件，包括字体图标、下拉菜单、导航、警告条、弹出框等更多功能；
JS插件
Bootstrap自带了13个jQuery插件，这些插件为Bootstrap中的组件赋予了“生命”。
其它
- 基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。
- 定制：您可以定制Bootstrap的组件、LESS 变量和jQuery 插件来得到您自己的版本。
怎么去搭建？
- 首先我们要去下载bootstrap库
我们提前创建项目，我是用的idea，项目类型我是选的bootstrap
，所以为了更好的效果我就把css、js里面的文件删掉
下载好后的bootstrap去解压
解压后我们双击进去后打开dist文件
- 进去后我们选中这两个复制
- 进去ieda里面粘贴
- 然后我们新建一个html文件就是导入我们的bootstrap，首先导入
css然后就是js
我们导入bootstrap之前要先导入我们的jQuery的文件再导入我们的bootstrap文件
有许多功能可以参考bootstrap API文档，里面有许多的框架可以供我们使用。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> </head> <body> <link href="css/bootstrap.css"> <script src="js/jquery-3.3.1.js"></script> <script src="js/bootstrap.js"></script> </body> </html>
