bootstrap简介
学习的版本:https://getbootstrap.com/docs/3.3/
所用工具:brackets
Bootstrap 是现在最受欢迎的HTML,CSS和JS的框架,用来开发响应式布局,移动设备优先的web项目,让前端开发更加快速简单,所有的开发者都能快速上手,而且所有的设备都能适配,所有的项目都适用。
优点
- preprocessors预处理脚本,可以采用预编译的css脚本开发,也可以从源码中定制自己需要的样式;
- 响应式布局,一个框架多种设备,可以让网页在电脑平板手机上展示,并且都是相通的内容;
- 可以查到H5,CSS组件,Jquery详尽文档https://v3.bootcss.com/components/
- 完全开源,代码托管,开发维护都依赖于GitHub
bootstrap基本页面结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="lib/bootstrap/css/style.css">
<title>Document</title>
</head>
<body>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<script src="lib/jquery-3.4.1.min.js"></script>
</body>
</html>
简单页面1