Added support for BS 3.3

jschr · Mar 2, 2015 · ad52cd5 · ad52cd5
1 parent 6f85220
commit ad52cd5
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 6 deletions.
diff --git a/bs3.html b/bs3.html
@@ -5,7 +5,7 @@
   <meta http-equiv="X-UA-Compatible" content="chrome=1">
   <title>Bootstrap-modal by jschr</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.css" rel="stylesheet" />
+  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet" />
   <link href="http://getbootstrap.com/2.3.2/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
 <style>
   body { 
@@ -281,11 +281,12 @@ <h4 class="modal-title">A Very Long</h4>
 </div>
 
 <div id="ajax-modal" class="modal fade" tabindex="-1" style="display: none;"></div>
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
-    <script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/google-code-prettify/prettify.js"></script>
-    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.js"></script>
-    <script src="js/bootstrap-modalmanager.js"></script>
-    <script src="js/bootstrap-modal.js"></script>
+
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/google-code-prettify/prettify.js"></script>
+<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.js"></script>
+<script src="js/bootstrap-modalmanager.js"></script>
+<script src="js/bootstrap-modal.js"></script>
 <script type="text/javascript">
 
   $(function(){

diff --git a/css/bootstrap-modal-bs3patch.css b/css/bootstrap-modal-bs3patch.css
@@ -18,6 +18,7 @@ body.modal-open,
   left: 50%;
   bottom: auto;
   right: auto;
+  z-index: 1050;
   padding: 0;
   width: 500px;
   margin-left: -250px;
@@ -32,4 +33,13 @@ body.modal-open,
 
 .modal.container {
   max-width: none;
+}
+
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
 }