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文件
<!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文档，里面有许多的框架可以供我们使用。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
