1.下载和基本使用

1.下载

BootStrap是前端框架

1依赖包

Bootstrap需要JQuery才能正常工作，需要jquery.min.js
Bootstrap的css，里面定义了各种样式
Bootstrap的js，用于产生交互效果
注：顺序不要搞错了

<script src=".../bootstarp/jquery/2.0.0/jquery.min.js"></script>
<link href=".../bootstarp/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src=".../bootstarp/3.3.6/bootstrap.min.js"></script>

链接：https://pan.baidu.com/s/199DWdu2gbVMtqK6odJqUlw
提取码：z1us

2.套用class

• BootStrap的效果，使用是非常简单的，只需要套用 bootstrap css中定义的class即可

2.基本样式

1. 按钮

- 原始样式按钮	btn
- 提交按钮  btn btn-primary
- 成功按钮  btn btn-success
- 信息按钮  btn btn-info
- 警告按钮  btn btn-warning
- 危险按钮  btn btn-danger
- 链接      btn btn-link
- 多种按钮样式混用  btn disabled btn-danger btn-xs

2表格

- 基本表格  table
- 带斑马线的表格    table table-striped
- 带边框的表格      table table-bordered
- 有鼠标悬停状态的表格  table table-hover
- 样式  success | warning | danger
- 信息样式  info

3.表单输入元素form-control

<input type="text" class="form-control" value="文本框">
 
<br>
 
<input type="password" class="form-control" value="password">
<br>
<textarea  class="form-control">文本域</textarea>
<br>
<select class="form-control">
   <option>Java</option>
   <option>Html</option>
   <option>IOS</option>
</select>

4.文本

5.背景

6.其他

`