认识bootstrap和安装
一 概念
```
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。
```
二 安装#### 1、本地链接
[官网下载](https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip)
#### 2、CDN
```html
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
```
三 认识bootstrap<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>认识bootstrap</title>
<link rel="stylesheet" type="text/css" href="zero/css/zero.css">
<style type="text/css">
.btn {
/*样式布局*/
border-radius: 50%
}
</style>
</head>
<body>
<!-- 按钮 -->
<div class="btn z-btn">按钮</div>
<div class="z-btn z-btn-red">按钮</div>
<div class="z-btn z-btn-orange">按钮</div>
<div class="z-btn z-btn-green">按钮</div>
<!-- 列表 -->
<ul class="z-menu" z-text="菜单">
<li><a href="">oldboy</a></li>
<li><a href="">oldboy</a></li>
<li><a href="">oldboy</a></li>
<li><a href="">oldboy</a></li>
<li><a href="">oldboy</a></li>
</ul>
</body>
<script src="zero/js/zero.js"></script>
</html>
