bootstrap弹出框

<%-- 注意:jquery.min.js必须放在bootstrap.css之前 --%>
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.css">
<script src="js/bootstrap.min.js"></script>

<!-- 触发按钮-->
<button class="btn btn-default" type="button" href="#uploadImgDialog" data-toggle="modal"><em class="glyphicon glyphicon-picture"></em>图片</button>

<!-- 图片上传对话框-->
<div class="modal fade" id="uploadImgDialog" role="dialog"
        aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <!-- 内容-->
            <div class="modal-content">
                  <!-- 头部-->
                  <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal"
                          aria-hidden="true">×</button>
                      <h4 class="modal-title" id="myModalLabel">插入图片</h4>
                  </div>
                  <!-- 主体-->
                  <div class="modal-body">
                           <input type="file" name="file" class="form-control"/>
                           <button type="button" class="btn btn-primary">上传</button>
                           <button type="reset" class="btn btn-default">重置</button>
                 </div>
                 <!-- 尾部-->
                 <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">确定</button>
                </div>
            </div>

        </div>
</div>