bootstrap安装与使用

 bootstrap安装与使用

 bootstrap安装与使用

 bootstrap安装与使用

  •  下载的文件解压后,内部有三个文件夹

bootstrap安装与使用

bootstrap安装与使用

  • ctrl+A全选后复制,新建一个名为jquery.js的文件,把刚才复制的粘贴进去,然后把jquery.js文件拉到js文件夹中

 bootstrap安装与使用

 bootstrap安装与使用

  •  然后在bootstrap空白项目中新建一个index.html文件

bootstrap安装与使用

index.html

<!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">

<title>Document</title>

<link rel="stylesheet" href="css/bootstrap.css">

<!-- 如果要使用bootstrap.js 一定要确保jquery.js先引入 -->

<script src="js/jquery.js"></script>

<script src="js/bootstrap.js"></script>

</head>

<body>

</body>

</html>

  •  打开链接http://www.bootcss.com/
  • 里面有很多样式与组件,直接复制粘贴到index.html就能实现了

bootstrap安装与使用

 bootstrap安装与使用

 bootstrap安装与使用

 bootstrap安装与使用