diff --git a/README.md b/README.md
index ffca9cf..56b9bb5 100644
--- a/README.md
+++ b/README.md
@@ -151,6 +151,7 @@ $sl-iframe-border-large:  0 none;
 
 
 ### Changelog
+**1.10.7 - Added Bootstrap compatibility #69**  
 **1.10.6 - Merged pull requests #65. Thanks to mstaniuk**  
 **1.10.5 - Merged pull requests #60 and #61. Thanks to slavanga**  
 **1.10.4 - Bugfix von #58**  
diff --git a/bower.json b/bower.json
index cd4af1c..e231a4b 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "simplelightbox",
-  "version": "1.10.6",
+  "version": "1.10.7",
   "homepage": "http://andreknieriem.de/simple-lightbox",
   "authors": [
     "André Rinas <info@andreknieriem.de> (http://andreknieriem.de)"
diff --git a/dist/simplelightbox.css b/dist/simplelightbox.css
index b13d032..10042b1 100644
--- a/dist/simplelightbox.css
+++ b/dist/simplelightbox.css
@@ -13,12 +13,12 @@ body.hidden-scroll {
   background: #fff;
   opacity: 0.7;
   display: none;
-  z-index: 1006;
+  z-index: 1050;
 }
 
 /* line 41, ../sass/simplelightbox.scss */
 .sl-wrapper {
-  z-index: 1000;
+  z-index: 1040;
 }
 /* line 43, ../sass/simplelightbox.scss */
 .sl-wrapper button {
@@ -38,7 +38,7 @@ body.hidden-scroll {
   position: fixed;
   right: 30px;
   top: 30px;
-  z-index: 1015;
+  z-index: 1060;
   margin-top: -14px;
   margin-right: -14px;
   height: 44px;
@@ -54,7 +54,7 @@ body.hidden-scroll {
   position: fixed;
   top: 30px;
   left: 30px;
-  z-index: 1015;
+  z-index: 1060;
   color: #000;
   font-size: 1rem;
 }
@@ -73,7 +73,7 @@ body.hidden-scroll {
   line-height: 44px;
   text-align: center;
   display: block;
-  z-index: 1015;
+  z-index: 1060;
   font-family: Arial, Baskerville, monospace;
   color: #000;
 }
@@ -189,7 +189,7 @@ body.hidden-scroll {
   bottom: 5px;
   right: 5px;
   color: #000;
-  z-index: 1005;
+  z-index: 1060;
 }
 
 /* line 192, ../sass/simplelightbox.scss */
diff --git a/dist/simplelightbox.min.css b/dist/simplelightbox.min.css
index 240969b..3f9d3b0 100644
--- a/dist/simplelightbox.min.css
+++ b/dist/simplelightbox.min.css
@@ -1 +1 @@
-.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button{height:44px;line-height:44px;font-family:Arial,Baskerville,monospace}body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.7;display:none;z-index:1006}.sl-wrapper .sl-close,.sl-wrapper .sl-counter{top:30px;display:none;color:#000;position:fixed}.sl-wrapper{z-index:1000}.sl-wrapper button{border:0;background:0 0;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{right:30px;z-index:1015;margin-top:-14px;margin-right:-14px;width:44px;font-size:3rem}.sl-wrapper .sl-counter{left:30px;z-index:1015;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;width:22px;text-align:center;display:block;z-index:1015;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0}.sl-wrapper .sl-image iframe{background:#000;border:0}@media (min-width:35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}.sl-wrapper .sl-image iframe,.sl-wrapper .sl-image img{border:0}}@media (min-width:50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}.sl-wrapper .sl-image iframe,.sl-wrapper .sl-image img{border:0}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,.8);position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1005}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}}
+.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button{height:44px;line-height:44px;font-family:Arial,Baskerville,monospace}body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.7;display:none;z-index:1050}.sl-wrapper .sl-close,.sl-wrapper .sl-counter{top:30px;display:none;color:#000;position:fixed}.sl-wrapper{z-index:1040}.sl-wrapper button{border:0;background:0 0;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{right:30px;z-index:1060;margin-top:-14px;margin-right:-14px;width:44px;font-size:3rem}.sl-wrapper .sl-counter{left:30px;z-index:1060;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;width:22px;text-align:center;display:block;z-index:1060;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0}.sl-wrapper .sl-image iframe{background:#000;border:0}@media (min-width:35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}.sl-wrapper .sl-image iframe,.sl-wrapper .sl-image img{border:0}}@media (min-width:50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}.sl-wrapper .sl-image iframe,.sl-wrapper .sl-image img{border:0}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,.8);position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}}
diff --git a/dist/simplelightbox.scss b/dist/simplelightbox.scss
index ef1e80b..cbc7f73 100644
--- a/dist/simplelightbox.scss
+++ b/dist/simplelightbox.scss
@@ -36,10 +36,10 @@ body.hidden-scroll {
   background: $sl-overlay-background;
   opacity: 0.7;
   display: none;
-  z-index: 1006;
+  z-index: 1050;
 }
 .sl-wrapper {
-  z-index: 1000;
+  z-index: 1040;
   button {
     border: 0 none;
     background: transparent;
@@ -56,7 +56,7 @@ body.hidden-scroll {
     position: fixed;
     right: 30px;
     top: 30px;
-    z-index: 1015;
+    z-index: 1060;
     margin-top: -14px;
     margin-right: -14px;
     height: 44px;
@@ -72,7 +72,7 @@ body.hidden-scroll {
     position: fixed;
     top: 30px;
     left: 30px;
-    z-index: 1015;
+    z-index: 1060;
     color: $sl-navigation-color;
     font-size: $sl-counter-fontsize;
   }
@@ -89,7 +89,7 @@ body.hidden-scroll {
       line-height: 44px;
       text-align: center;
       display: block;
-      z-index: 1015;
+      z-index: 1060;
       font-family: $sl-font-family;
       color: $sl-navigation-color;
       &.sl-next {
@@ -184,7 +184,7 @@ body.hidden-scroll {
       bottom: 5px;
       right: 5px;
       color: $sl-navigation-color;
-      z-index: 1005;
+      z-index: 1060;
     }
   }
 }
diff --git a/package.json b/package.json
index 9881f4d..1325162 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "simplelightbox",
-  "version": "1.10.6",
+  "version": "1.10.7",
   "description": "Touch-friendly image lightbox for mobile and desktop with jQuery",
   "main": "dist/simple-lightbox.js",
   "repository": {