Bootstrap 基本介绍
概述
概述: Bootstrap是一个建立一个页面,就可以在3三个终端(PC端、平板、手机)上完美展示的响应式前端框架
Bootstrap 更易于使用、响应功能等
Bootstrap 三大核心
基本CSS
- 设置全局的CSS样式，基本的HTML元素均可以通过class设置样式并得到增强效果；还有先进的栅格系统；
组件
- 无数可以复用的组件，包括字体图标、下拉菜单、导航、警告条、弹出框等更多功能；
JS插件
- 首先我们要去下载bootstrap库
我们提前创建项目，我是用的idea，项目类型我是选的bootstrap
，所以为了更好的效果我就把css、js里面的文件删掉
下载好后的bootstrap去解压
解压后我们双击进去后打开dist文件
- 进去后我们选中这两个复制
- 进去ieda里面粘贴
- 然后我们新建一个html文件就是导入我们的bootstrap，首先导入
css然后就是js
我们导入bootstrap之前要先导入我们的jQuery的文件再导入我们的bootstrap文件<!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>
有许多功能可以参考bootstrap API文档，里面有许多的框架可以供我们使用。
