BootStrap模态框禁止外部点击
禁止外部点击：
模态框model点击模态框外部不消失模态框的效果 ：
只要在定义模态框时，添加上data-backdrop="static"属性即可
消除暗背景：
消除暗背景----不需要使用js来控制，只需修改其样式覆盖即可
.modal-backdrop {
opacity: 0 !important;
filter: alpha(opacity=0) !important;
}简介：Bootstrap 是一个基于 HTML、CSS、JS的，用于快速开发 Web 应用程序和网站的前端框架
优点：响应式 CSS 能够自适应于台式机、平板电脑和手机
内容：
①全局CSS样式：栅格系统，排版，表格，表单，按钮，图片，辅助类，响应式工具，Less等
②可复用的组件，包括字体图标、下拉菜单、导航、警告框、弹出框、分页、进度条等
③JS插件：jQuery 插件为 Bootstrap 的组件赋予了“生命”。可以简单地一次性引入所有插件，或者逐个引入到你的页面中
①使用了 Bootstrap 的基本的 HTML 模板
【Bootstrap 的 JavaScript 插件需要引入 jQuery，所以每次都是先引jquery.js，再引bootstrap.min.js】
<!-- 在<head>中引入 --> <!-- 引入 Bootstrap --> <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"> 引入jQuery----【在body底部】 <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有已编译的插件 --> <script src="js/bootstrap.min.js"></script>
这里包含了 jquery.js、bootstrap.min.js 和 bootstrap.min.css 文件，用于让一个常规的 HTML 文件变为使用了 Bootstrap 的模板
②触屏缩放适当
为了让 Bootstrap 开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的 head 之中添加 viewport meta 标签，如下所示：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。initial-scale=1.0 确保网页加载时，以 1:1 的比例呈现，不会有任何的缩放。
③图片
可对图片应用简单样式：圆角，圆形，边框，缩略图，响应式
④浮动
.pull-left元素浮动到【左边】
.pull-right元素浮动到【右边】
<div class="pull-left"> 向左快速浮动 </div> <div class="pull-right"> 向右快速浮动 </div>
.center-block设置元素为 display:block 并【居中】显示
<div class="row">
<div class="center-block" style="width:200px;background-color:#ccc;">
这是 center-block 实例
</div>
</div>.clearfix【清除浮动】（让块包含到背景图中去）
<div class="clearfix" style="background: #D8D8D8;border: 1px solid #000;padding: 10px;">
<div class="pull-left" style="background:#58D3F7;">
向左快速浮动
</div>
<div class="pull-right" style="background: #DA81F5;">
向右快速浮动
</div>
</div>