Bootstrap 模态框（Modal）

#Bootstrap 模态框（Modal）插件 详细讲解

#####第一步：
加载框架：

1. https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
   2.bootstrap.js 或压缩版的 bootstrap.min.js

#####第二步：
用法
您可以切换模态框（Modal）插件的隐藏内容：

通过 data 属性：在控制器元素（比如按钮或者链接）上设置属性 data-toggle=“modal”，同时设置 data-target="#identifier" 或 href="#identifier" 来指定要切换的特定的模态框（带有 id=“identifier”）。
通过 JavaScript：使用这种技术，您可以通过简单的一行 JavaScript 来调用带有 id=“identifier” 的模态框：

$('#identifier').modal(options)

#####使用代码1（一个ID弹出）：

<!-- 按钮触发模态框 data-toggle="modal" 点击这个按钮会触发模态框   data-target="#myModal 这个是点击后回触发哪个模态框？ 唯一的id标识-->
<!--data-backdrop="static"  这个说明，只能点击关闭按钮X  才能关闭弹窗，点击其他区域都不能关闭弹窗-->
<button class="btn btn-primary"  data-toggle="modal" data-target="#myModal" data-backdrop="static">点击弹窗</button>
<!-- 模态框（Modal） 然后给模态框标识唯一的id 来区分不同的模态框  modal fade  淡入淡出的效果-->
<div class="modal fade" id="myModal" tabindex="-1" >
    <div class="modal-dialog">
        <div class="modal-content"  >
        	
            <div class="modal-header">
            	<!--class="close" 给关闭按钮样式  data-dismiss="modal" 当点击这个关闭按钮时 关闭弹窗-->
            	<h4 class="modal-title" style="width: 100%;">会员登录</h4>
             <button type="button" class="close" data-dismiss="modal" aria-hidden="true" ><span>&times;</span></button>
             
           </div>
               
           
            <div class="modal-body">
            
            <form action="" method="post" class="form-horizontal">
            	 <div class="form-group">
   
    <div class="col-sm-10">
      <input type="email" class="form-control" id="inputEmail3" placeholder="请输入邮箱账号/手机号">
    </div>
  </div>
  &l