From 111ea9f96a3932ce29c8ca5ee062764858302d87 Mon Sep 17 00:00:00 2001
From: Kendall Hopkins <softwareelves@gmail.com>
Date: Wed, 1 Feb 2012 14:52:36 -0500
Subject: [PATCH 01/10] Namespace the CSS.

---
 less/accordion.less            | 2 ++
 less/alerts.less               | 2 ++
 less/breadcrumbs.less          | 2 ++
 less/button-groups.less        | 3 ++-
 less/buttons.less              | 2 ++
 less/carousel.less             | 2 ++
 less/close.less                | 4 +++-
 less/code.less                 | 4 +++-
 less/component-animations.less | 4 +++-
 less/dropdowns.less            | 2 ++
 less/forms.less                | 2 ++
 less/grid.less                 | 4 +++-
 less/hero-unit.less            | 2 ++
 less/layouts.less              | 4 +++-
 less/modals.less               | 2 ++
 less/navbar.less               | 4 +++-
 less/navs.less                 | 2 ++
 less/pager.less                | 4 +++-
 less/pagination.less           | 2 ++
 less/popovers.less             | 2 ++
 less/progress-bars.less        | 2 ++
 less/reset.less                | 2 ++
 less/responsive.less           | 2 ++
 less/scaffolding.less          | 2 ++
 less/sprites.less              | 2 ++
 less/tables.less               | 2 ++
 less/thumbnails.less           | 2 ++
 less/tooltip.less              | 2 ++
 less/type.less                 | 2 ++
 less/utilities.less            | 2 ++
 less/wells.less                | 2 ++
 31 files changed, 69 insertions(+), 8 deletions(-)

diff --git a/less/accordion.less b/less/accordion.less
index 31b8cdc33d63..c71e6ffe8ebe 100644
--- a/less/accordion.less
+++ b/less/accordion.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // ACCORDION
 // ---------
 
@@ -31,3 +32,4 @@
   padding: 9px 15px;
   border-top: 1px solid #e5e5e5;
 }
+}
diff --git a/less/alerts.less b/less/alerts.less
index 46a0d77bfda8..4e0f6cbf3780 100644
--- a/less/alerts.less
+++ b/less/alerts.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // ALERT STYLES
 // ------------
 
@@ -56,3 +57,4 @@
 .alert-block p + p {
   margin-top: 5px;
 }
+}
diff --git a/less/breadcrumbs.less b/less/breadcrumbs.less
index 111f12279fa7..4d93a55151ee 100644
--- a/less/breadcrumbs.less
+++ b/less/breadcrumbs.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // BREADCRUMBS
 // -----------
 
@@ -22,3 +23,4 @@
     color: @grayDark;
   }
 }
+}
diff --git a/less/button-groups.less b/less/button-groups.less
index 5338c5a4502c..bfc15e8e2c44 100644
--- a/less/button-groups.less
+++ b/less/button-groups.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // BUTTON GROUPS
 // -------------
 
@@ -188,4 +189,4 @@
     .opacity(75);
   }
 }
-
+}
diff --git a/less/buttons.less b/less/buttons.less
index c44ff3e6fc63..3247409cb702 100644
--- a/less/buttons.less
+++ b/less/buttons.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // BUTTON STYLES
 // -------------
 
@@ -189,3 +190,4 @@ input[type="submit"].btn {
     *padding-bottom: 1px;
   }
 }
+}
diff --git a/less/carousel.less b/less/carousel.less
index 8fbd303154ad..a80a776f1328 100644
--- a/less/carousel.less
+++ b/less/carousel.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // CAROUSEL
 // --------
 
@@ -119,3 +120,4 @@
 .carousel-caption p {
   color: @white;
 }
+}
diff --git a/less/close.less b/less/close.less
index 31fe6fcb369f..e43867ebda12 100644
--- a/less/close.less
+++ b/less/close.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // CLOSE ICONS
 // -----------
 
@@ -26,4 +27,5 @@ button.close {
   background: transparent;
   border: 0;
   -webkit-appearance: none;
-}
\ No newline at end of file
+}
+}
diff --git a/less/code.less b/less/code.less
index 0cae749a0539..0f8a4221c62f 100644
--- a/less/code.less
+++ b/less/code.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // Code.less
 // Code typography styles for the <code> and <pre> elements
 // --------------------------------------------------------
@@ -54,4 +55,5 @@ pre {
 .pre-scrollable {
   max-height: 340px;
   overflow-y: scroll;
-}
\ No newline at end of file
+}
+}
diff --git a/less/component-animations.less b/less/component-animations.less
index da1f2e535058..575ae2c20c82 100644
--- a/less/component-animations.less
+++ b/less/component-animations.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // COMPONENT ANIMATIONS
 // --------------------
 
@@ -17,4 +18,5 @@
   &.in {
     height: auto;
   }
-}
\ No newline at end of file
+}
+}
diff --git a/less/dropdowns.less b/less/dropdowns.less
index 6c60385e553e..d3520d86ce19 100644
--- a/less/dropdowns.less
+++ b/less/dropdowns.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // DROPDOWN MENUS
 // --------------
 
@@ -141,3 +142,4 @@
   margin-top: 2px; // give it some space to breathe
   .border-radius(4px);
 }
+}
diff --git a/less/forms.less b/less/forms.less
index 7d967c6b3dbb..d927a7663989 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // Forms.less
 // Base styles for various input types, form layouts, and states
 // -------------------------------------------------------------
@@ -582,3 +583,4 @@ legend + .control-group {
     padding-left: 160px;
   }
 }
+}
diff --git a/less/grid.less b/less/grid.less
index e62a960932f5..673ace68e816 100644
--- a/less/grid.less
+++ b/less/grid.less
@@ -1,5 +1,7 @@
+.su_bootstrap_safe {
 // Fixed (940px)
 #grid > .core(@gridColumnWidth, @gridGutterWidth);
 
 // Fluid (940px)
-#grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth);
\ No newline at end of file
+#grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth);
+}
diff --git a/less/hero-unit.less b/less/hero-unit.less
index 0ffe82962a01..2df3f20e1de8 100644
--- a/less/hero-unit.less
+++ b/less/hero-unit.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // HERO UNIT
 // ---------
 
@@ -20,3 +21,4 @@
     color: @heroUnitLeadColor;
   }
 }
+}
diff --git a/less/layouts.less b/less/layouts.less
index cc53627ff74c..b842e5b728c3 100644
--- a/less/layouts.less
+++ b/less/layouts.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 //
 // Layouts
 // Fixed-width and fluid (with sidebar) layouts
@@ -14,4 +15,5 @@
   padding-right: @gridGutterWidth;
   padding-left: @gridGutterWidth;
   .clearfix();
-}
\ No newline at end of file
+}
+}
diff --git a/less/modals.less b/less/modals.less
index 870ad0dfe677..dc61d8b35f98 100644
--- a/less/modals.less
+++ b/less/modals.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // MODALS
 // ------
 
@@ -88,3 +89,4 @@
     margin-left: -1px;
   }
 }
+}
diff --git a/less/navbar.less b/less/navbar.less
index adfe1096a48f..d08093ddcc7b 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // NAVBAR (FIXED AND STATIC)
 // -------------------------
 
@@ -361,4 +362,5 @@
     left: auto;
     right: 13px;
   }
-}
\ No newline at end of file
+}
+}
diff --git a/less/navs.less b/less/navs.less
index 5cb9f9f3a2e6..e329e47ce5a4 100644
--- a/less/navs.less
+++ b/less/navs.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // NAVIGATIONS
 // -----------
 
@@ -361,3 +362,4 @@
   border-color: #ddd #ddd #ddd transparent;
   *border-left-color: @white;
 }
+}
diff --git a/less/pager.less b/less/pager.less
index 4244b5eb8098..3a24ca02e889 100644
--- a/less/pager.less
+++ b/less/pager.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // PAGER
 // -----
 
@@ -33,4 +34,5 @@
   color: @grayLight;
   background-color: #fff;
   cursor: default;
-}
\ No newline at end of file
+}
+}
diff --git a/less/pagination.less b/less/pagination.less
index 38cf65cc44e2..8845ee5dd555 100644
--- a/less/pagination.less
+++ b/less/pagination.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // PAGINATION
 // ----------
 
@@ -54,3 +55,4 @@
 .pagination-right {
   text-align: right;
 }
+}
diff --git a/less/popovers.less b/less/popovers.less
index 558d99ec9990..d4e4f6aa9d6b 100644
--- a/less/popovers.less
+++ b/less/popovers.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // POPOVERS
 // --------
 
@@ -47,3 +48,4 @@
     margin-bottom: 0;
   }
 }
+}
diff --git a/less/progress-bars.less b/less/progress-bars.less
index 3b47e64828f6..1c9f9b0ecce8 100644
--- a/less/progress-bars.less
+++ b/less/progress-bars.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // PROGRESS BARS
 // -------------
 
@@ -115,3 +116,4 @@
 .progress-warning.progress-striped .bar {
   #gradient > .striped(lighten(@orange, 15%));
 }
+}
diff --git a/less/reset.less b/less/reset.less
index d9ce2b110768..35d3fc1bd869 100644
--- a/less/reset.less
+++ b/less/reset.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // Reset.less
 // Adapted from Normalize.css http://github.com/necolas/normalize.css
 // ------------------------------------------------------------------------
@@ -124,3 +125,4 @@ textarea {
   overflow: auto; // Remove vertical scrollbar in IE6-9
   vertical-align: top; // Readability and alignment cross-browser
 }
+}
diff --git a/less/responsive.less b/less/responsive.less
index bbd76d631052..983d19910035 100644
--- a/less/responsive.less
+++ b/less/responsive.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 /*!
  * Bootstrap Responsive v2.0.3
  *
@@ -46,3 +47,4 @@
 
 // From 979px and below, show a button to toggle navbar contents
 @import "responsive-navbar.less";
+}
diff --git a/less/scaffolding.less b/less/scaffolding.less
index 57c74eda074e..737afbbcce2b 100644
--- a/less/scaffolding.less
+++ b/less/scaffolding.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // Scaffolding
 // Basic and global styles for generating a grid system, structural layout, and page templates
 // -------------------------------------------------------------------------------------------
@@ -27,3 +28,4 @@ a:hover {
   color: @linkColorHover;
   text-decoration: underline;
 }
+}
diff --git a/less/sprites.less b/less/sprites.less
index 72a3a916b65f..5c1b13decc8d 100644
--- a/less/sprites.less
+++ b/less/sprites.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // SPRITES
 // Glyphs and icons for buttons, nav, and more
 // -------------------------------------------
@@ -189,3 +190,4 @@
 
 
 
+}
diff --git a/less/tables.less b/less/tables.less
index b4f6027bf969..863ee331e2f8 100644
--- a/less/tables.less
+++ b/less/tables.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 //
 // Tables.less
 // Tables for, you guessed it, tabular data
@@ -174,3 +175,4 @@ table {
   .span23    { .tableColumns(23); }
   .span24    { .tableColumns(24); }
 }
+}
diff --git a/less/thumbnails.less b/less/thumbnails.less
index aa69f8e33dbb..53c1fc91dc45 100644
--- a/less/thumbnails.less
+++ b/less/thumbnails.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // THUMBNAILS
 // ----------
 // Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
@@ -45,3 +46,4 @@ a.thumbnail:hover {
 .thumbnail .caption {
   padding: 9px;
 }
+}
diff --git a/less/tooltip.less b/less/tooltip.less
index 5111a193f039..f31357232f6a 100644
--- a/less/tooltip.less
+++ b/less/tooltip.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // TOOLTIP
 // ------=
 
@@ -33,3 +34,4 @@
   width: 0;
   height: 0;
 }
+}
diff --git a/less/type.less b/less/type.less
index 0d562193406b..1c85c27e0b9b 100644
--- a/less/type.less
+++ b/less/type.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // Typography.less
 // Headings, body text, lists, code, and more for a versatile and durable typography system
 // ----------------------------------------------------------------------------------------
@@ -233,3 +234,4 @@ small {
 cite {
   font-style: normal;
 }
+}
diff --git a/less/utilities.less b/less/utilities.less
index d60d22031199..92b1a72a45fe 100644
--- a/less/utilities.less
+++ b/less/utilities.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // UTILITY CLASSES
 // ---------------
 
@@ -21,3 +22,4 @@
 .invisible {
   visibility: hidden;
 }
+}
diff --git a/less/wells.less b/less/wells.less
index 9300061a5084..7646bb594189 100644
--- a/less/wells.less
+++ b/less/wells.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // WELLS
 // -----
 
@@ -25,3 +26,4 @@
   padding: 9px;
   .border-radius(3px);
 }
+}

From 47fe6be83188220c15f71ad39d10cc41c1ff0735 Mon Sep 17 00:00:00 2001
From: Kendall Hopkins <softwareelves@gmail.com>
Date: Thu, 2 Feb 2012 14:42:09 -0500
Subject: [PATCH 02/10] Correctly namespace modals.

---
 js/bootstrap-modal.js          |  3 ++-
 less/component-animations.less |  2 +-
 less/modals.less               | 10 +++++-----
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/js/bootstrap-modal.js b/js/bootstrap-modal.js
index c831de6b64b5..bcc3153ad2ef 100644
--- a/js/bootstrap-modal.js
+++ b/js/bootstrap-modal.js
@@ -30,6 +30,7 @@
     this.options = options
     this.$element = $(content)
       .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this))
+    this.$element.removeClass('su_bootstrap_safe').addClass('su_bootstrap_safe')
   }
 
   Modal.prototype = {
@@ -134,7 +135,7 @@
     if (this.isShown && this.options.backdrop) {
       var doAnimate = $.support.transition && animate
 
-      this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />')
+      this.$backdrop = $('<div class="modal-backdrop su_bootstrap_safe ' + animate + '" />')
         .appendTo(document.body)
 
       if (this.options.backdrop != 'static') {
diff --git a/less/component-animations.less b/less/component-animations.less
index 575ae2c20c82..b5a105954bfb 100644
--- a/less/component-animations.less
+++ b/less/component-animations.less
@@ -2,7 +2,7 @@
 // COMPONENT ANIMATIONS
 // --------------------
 
-.fade {
+&.fade, .fade {
   .opacity(0);
   .transition(opacity .15s linear);
   &.in {
diff --git a/less/modals.less b/less/modals.less
index dc61d8b35f98..af7eb486c32b 100644
--- a/less/modals.less
+++ b/less/modals.less
@@ -1,4 +1,3 @@
-.su_bootstrap_safe {
 // MODALS
 // ------
 
@@ -11,7 +10,8 @@
 }
 
 // Background
-.modal-backdrop {
+.su_bootstrap_safe {
+&.modal-backdrop {
   position: fixed;
   top: 0;
   right: 0;
@@ -23,13 +23,13 @@
   &.fade { opacity: 0; }
 }
 
-.modal-backdrop,
-.modal-backdrop.fade.in {
+&.modal-backdrop,
+&.modal-backdrop.fade.in {
   .opacity(80);
 }
 
 // Base modal
-.modal {
+&.modal {
   position: fixed;
   top: 50%;
   left: 50%;

From fd14b29aaf31423f54037ea51e95c6b8869f2e16 Mon Sep 17 00:00:00 2001
From: Kendall Hopkins <softwareelves@gmail.com>
Date: Thu, 2 Feb 2012 15:06:36 -0500
Subject: [PATCH 03/10] Correctly namespace for popover and tooltip.

---
 js/bootstrap-popover.js | 2 +-
 js/bootstrap-tooltip.js | 2 +-
 less/popovers.less      | 2 +-
 less/tooltip.less       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/js/bootstrap-popover.js b/js/bootstrap-popover.js
index d5ecfa92077c..34d837bd09e7 100644
--- a/js/bootstrap-popover.js
+++ b/js/bootstrap-popover.js
@@ -92,7 +92,7 @@
   $.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, {
     placement: 'right'
   , content: ''
-  , template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'
+  , template: '<div class="popover su_bootstrap_safe"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'
   })
 
 }(window.jQuery);
\ No newline at end of file
diff --git a/js/bootstrap-tooltip.js b/js/bootstrap-tooltip.js
index 577ead48b56e..cdd753301041 100644
--- a/js/bootstrap-tooltip.js
+++ b/js/bootstrap-tooltip.js
@@ -266,7 +266,7 @@
     animation: true
   , placement: 'top'
   , selector: false
-  , template: '<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
+  , template: '<div class="tooltip su_bootstrap_safe"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
   , trigger: 'hover'
   , title: ''
   , delay: 0
diff --git a/less/popovers.less b/less/popovers.less
index d4e4f6aa9d6b..37aab1fb33ed 100644
--- a/less/popovers.less
+++ b/less/popovers.less
@@ -2,7 +2,7 @@
 // POPOVERS
 // --------
 
-.popover {
+&.popover {
   position: absolute;
   top: 0;
   left: 0;
diff --git a/less/tooltip.less b/less/tooltip.less
index f31357232f6a..a9cf52b8a45e 100644
--- a/less/tooltip.less
+++ b/less/tooltip.less
@@ -2,7 +2,7 @@
 // TOOLTIP
 // ------=
 
-.tooltip {
+&.tooltip {
   position: absolute;
   z-index: @zindexTooltip;
   display: block;

From 1bab1c1d42ac0821d4b7c89685c15a260a8f75af Mon Sep 17 00:00:00 2001
From: Kendall Hopkins <softwareelves@gmail.com>
Date: Thu, 2 Feb 2012 15:11:30 -0500
Subject: [PATCH 04/10] Correctly namespace for prettify.css.

---
 .../js/google-code-prettify/prettify.css      | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/docs/assets/js/google-code-prettify/prettify.css b/docs/assets/js/google-code-prettify/prettify.css
index aedd8d1a9157..990090209bb3 100644
--- a/docs/assets/js/google-code-prettify/prettify.css
+++ b/docs/assets/js/google-code-prettify/prettify.css
@@ -1,28 +1,28 @@
-.com { color: #93a1a1; }
-.lit { color: #195f91; }
-.pun, .opn, .clo { color: #93a1a1; }
-.fun { color: #dc322f; }
-.str, .atv { color: #D14; }
-.kwd, .linenums .tag { color: #1e347b; }
-.typ, .atn, .dec, .var { color: teal; }
-.pln { color: #48484c; }
+.su_bootstrap_safe .com { color: #93a1a1; }
+.su_bootstrap_safe .lit { color: #195f91; }
+.su_bootstrap_safe .pun, .su_bootstrap_safe .opn, .su_bootstrap_safe .clo { color: #93a1a1; }
+.su_bootstrap_safe .fun { color: #dc322f; }
+.su_bootstrap_safe .str, .su_bootstrap_safe .atv { color: #D14; }
+.su_bootstrap_safe .kwd, .su_bootstrap_safe .linenums .tag { color: #1e347b; }
+.su_bootstrap_safe .typ, .su_bootstrap_safe .atn, .su_bootstrap_safe .dec, .su_bootstrap_safe .var { color: teal; }
+.su_bootstrap_safe .pln { color: #48484c; }
 
-.prettyprint {
+.su_bootstrap_safe .prettyprint {
   padding: 8px;
   background-color: #f7f7f9;
   border: 1px solid #e1e1e8;
 }
-.prettyprint.linenums {
+.su_bootstrap_safe .prettyprint.linenums {
   -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
      -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
           box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
 }
 
 /* Specify class=linenums on a pre to get line numbering */
-ol.linenums {
+.su_bootstrap_safe ol.linenums {
   margin: 0 0 0 33px; /* IE indents via margin-left */
 } 
-ol.linenums li {
+.su_bootstrap_safe ol.linenums li {
   padding-left: 12px;
   color: #bebec5;
   line-height: 18px;

From 047f4887b7504af25519adbb9c44d58021a9796e Mon Sep 17 00:00:00 2001
From: Michael Castelbuono <castelbu@gmail.com>
Date: Tue, 14 Feb 2012 21:49:13 -0500
Subject: [PATCH 05/10] Use default template link colors.

---
 less/scaffolding.less | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/less/scaffolding.less b/less/scaffolding.less
index 737afbbcce2b..70a959b3ed98 100644
--- a/less/scaffolding.less
+++ b/less/scaffolding.less
@@ -21,11 +21,11 @@ body {
 // -----
 
 a {
-  color: @linkColor;
+  //color: @linkColor;
   text-decoration: none;
 }
 a:hover {
-  color: @linkColorHover;
+  //color: @linkColorHover;
   text-decoration: underline;
 }
 }

From 588438d5f1770dc31ddfa3e9ec54225931bdcf8a Mon Sep 17 00:00:00 2001
From: Kendall Hopkins <softwareelves@gmail.com>
Date: Thu, 26 Apr 2012 14:24:45 -0400
Subject: [PATCH 06/10] Fix up some namespacing.

---
 less/labels-badges.less | 2 ++
 less/mixins.less        | 6 +++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/less/labels-badges.less b/less/labels-badges.less
index 0fbd7bbc61df..04dbc2c64e15 100644
--- a/less/labels-badges.less
+++ b/less/labels-badges.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // LABELS & BADGES
 // ---------------
 
@@ -53,3 +54,4 @@ a {
   &-inverse           { background-color: @grayDark; }
   &-inverse[href]     { background-color: darken(@grayDark, 10%); }
 }
+}
diff --git a/less/mixins.less b/less/mixins.less
index b107955f57b7..c1609b6fd098 100644
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -101,6 +101,7 @@
 // CSS image replacement
 // -------------------------
 // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
+.su_bootstrap_safe {
 .hide-text {
   font: 0/0 a;
   color: transparent;
@@ -108,6 +109,7 @@
   background-color: transparent;
   border: 0;
 }
+}
 
 
 // FONTS
@@ -149,12 +151,14 @@
 // --------------------------------------------------
 
 // Block level inputs
+.su_bootstrap_safe {
 .input-block-level {
   display: block;
   width: 100%;
   min-height: 28px;        // Make inputs at least the height of their button counterpart
   .box-sizing(border-box); // Makes inputs behave like true block-level elements
 }
+}
 
 
 // Mixin for form field states
@@ -590,7 +594,7 @@
       width: 100%;
       .clearfix();
       [class*="span"] {
-        .input-block-level();
+        .su_bootstrap_safe .input-block-level();
         float: left;
         margin-left: @fluidGridGutterWidth;
         *margin-left: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);

From 976cb47f810f38bf06dcab5077ce6dbdc8626bad Mon Sep 17 00:00:00 2001
From: Kendall Hopkins <softwareelves@gmail.com>
Date: Thu, 26 Apr 2012 15:11:43 -0400
Subject: [PATCH 07/10] Correctly namespace responsive.less.

---
 less/responsive-1200px-min.less  | 2 ++
 less/responsive-767px-max.less   | 4 +++-
 less/responsive-768px-979px.less | 2 ++
 less/responsive-navbar.less      | 4 +++-
 less/responsive-utilities.less   | 2 ++
 less/responsive.less             | 2 --
 6 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/less/responsive-1200px-min.less b/less/responsive-1200px-min.less
index a7c9f4e004a3..75b42f283f33 100644
--- a/less/responsive-1200px-min.less
+++ b/less/responsive-1200px-min.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // LARGE DESKTOP & UP
 // ------------------
 
@@ -24,3 +25,4 @@
   }
 
 }
+}
diff --git a/less/responsive-767px-max.less b/less/responsive-767px-max.less
index 614c6905c2d6..b40da5e78ea1 100644
--- a/less/responsive-767px-max.less
+++ b/less/responsive-767px-max.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // UP TO LANDSCAPE PHONE
 // ---------------------
 
@@ -135,7 +136,7 @@
   select[class*="span"],
   textarea[class*="span"],
   .uneditable-input {
-    .input-block-level();
+    .su_bootstrap_safe .input-block-level();
   }
   // But don't let it screw up prepend/append inputs
   .input-prepend input,
@@ -147,3 +148,4 @@
   }
 
 }
+}
diff --git a/less/responsive-768px-979px.less b/less/responsive-768px-979px.less
index 76f4f6df1504..42acf45f6dc8 100644
--- a/less/responsive-768px-979px.less
+++ b/less/responsive-768px-979px.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // PORTRAIT TABLET TO DEFAULT DESKTOP
 // ----------------------------------
 
@@ -15,3 +16,4 @@
   // No need to reset .thumbnails here since it's the same @gridGutterWidth
 
 }
+}
diff --git a/less/responsive-navbar.less b/less/responsive-navbar.less
index d49b8ae12d87..2e5763d6ec5c 100644
--- a/less/responsive-navbar.less
+++ b/less/responsive-navbar.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // TABLETS AND BELOW
 // -----------------
 @media (max-width: 979px) {
@@ -143,4 +144,5 @@
     height: auto !important;
     overflow: visible !important;
   }
-}
\ No newline at end of file
+}
+}
diff --git a/less/responsive-utilities.less b/less/responsive-utilities.less
index 572846c0fadb..5341d1de073b 100644
--- a/less/responsive-utilities.less
+++ b/less/responsive-utilities.less
@@ -1,3 +1,4 @@
+.su_bootstrap_safe {
 // RESPONSIVE CLASSES
 // ------------------
 
@@ -39,3 +40,4 @@
   .hidden-desktop    { display: inherit !important; }
   .visible-desktop   { display: none !important ; }
 }
+}
diff --git a/less/responsive.less b/less/responsive.less
index 983d19910035..bbd76d631052 100644
--- a/less/responsive.less
+++ b/less/responsive.less
@@ -1,4 +1,3 @@
-.su_bootstrap_safe {
 /*!
  * Bootstrap Responsive v2.0.3
  *
@@ -47,4 +46,3 @@
 
 // From 979px and below, show a button to toggle navbar contents
 @import "responsive-navbar.less";
-}

From fc1262879874babaa984cf8083e2c3950e11411b Mon Sep 17 00:00:00 2001
From: Michael Castelbuono <castelbu@gmail.com>
Date: Wed, 2 May 2012 11:50:52 -0400
Subject: [PATCH 08/10] Fix modals.less so that popovers/tooltips work within
 modals.

---
 less/modals.less | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/less/modals.less b/less/modals.less
index af7eb486c32b..ca4fb906cbf0 100644
--- a/less/modals.less
+++ b/less/modals.less
@@ -3,10 +3,12 @@
 
 // Recalculate z-index where appropriate
 .modal-open {
+.su_bootstrap_safe {
   .dropdown-menu {  z-index: @zindexDropdown + @zindexModal; }
   .dropdown.open { *z-index: @zindexDropdown + @zindexModal; }
-  .popover       {  z-index: @zindexPopover  + @zindexModal; }
-  .tooltip       {  z-index: @zindexTooltip  + @zindexModal; }
+  &.popover       {  z-index: @zindexPopover  + @zindexModal; }
+  &.tooltip       {  z-index: @zindexTooltip  + @zindexModal; }
+}
 }
 
 // Background

From 342e826b7be4dbb12c0fe09cfbffd47c9178610a Mon Sep 17 00:00:00 2001
From: Michael Castelbuono <castelbu@gmail.com>
Date: Mon, 21 May 2012 12:51:07 -0400
Subject: [PATCH 09/10] Modify modal js to have a focused paradigm. This allows
 hiding of only the top most modal.

---
 js/bootstrap-modal.js | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/js/bootstrap-modal.js b/js/bootstrap-modal.js
index bcc3153ad2ef..67f6f0e60d5e 100644
--- a/js/bootstrap-modal.js
+++ b/js/bootstrap-modal.js
@@ -32,6 +32,8 @@
       .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this))
     this.$element.removeClass('su_bootstrap_safe').addClass('su_bootstrap_safe')
   }
+  
+  var openedModals = []
 
   Modal.prototype = {
 
@@ -50,6 +52,9 @@
         if (this.isShown || e.isDefaultPrevented()) return
 
         $('body').addClass('modal-open')
+		
+		// SU focused modal hack
+		$(openedModals).removeClass('focused');	for( var i = 0; i < openedModals.length; i++ ) { var $modal = openedModals[i]; $modal.removeClass('focused'); }	this.$element.addClass('focused'); openedModals.push(this.$element);
 
         this.isShown = true
 
@@ -78,6 +83,7 @@
       }
 
     , hide: function (e) {
+		if( ! this.$element.hasClass('focused') ) return;
         e && e.preventDefault()
 
         var that = this
@@ -90,15 +96,15 @@
 
         this.isShown = false
 
-        $('body').removeClass('modal-open')
+        openedModals.length <= 1 && $('body').removeClass('modal-open')
 
         escape.call(this)
-
-        this.$element.removeClass('in')
+		
+        this.$element.removeClass('in focused'); openedModals.pop()
 
         $.support.transition && this.$element.hasClass('fade') ?
           hideWithTransition.call(this) :
-          hideModal.call(this)
+          hideModal.call(this)	  
       }
 
   }
@@ -126,6 +132,7 @@
       .trigger('hidden')
 
     backdrop.call(this)
+	var previousModal = openedModals[openedModals.length - 1]; previousModal && previousModal.addClass('focused');
   }
 
   function backdrop(callback) {
@@ -171,9 +178,9 @@
     var that = this
     if (this.isShown && this.options.keyboard) {
       $(document).on('keyup.dismiss.modal', function ( e ) {
-        e.which == 27 && that.hide()
+        e.which == 27 && $('.modal.focused').modal('hide')
       })
-    } else if (!this.isShown) {
+    } else if (!this.isShown && openedModals.length <= 1) {
       $(document).off('keyup.dismiss.modal')
     }
   }

From df9036e3acce1a41764351aca14d4797512505e5 Mon Sep 17 00:00:00 2001
From: Matthew Leffler <mattleff@gmail.com>
Date: Wed, 23 May 2012 11:53:20 -0600
Subject: [PATCH 10/10] Show the responsive navbar at <768px.

---
 less/responsive-navbar.less | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/less/responsive-navbar.less b/less/responsive-navbar.less
index 2e5763d6ec5c..f10f49fe8025 100644
--- a/less/responsive-navbar.less
+++ b/less/responsive-navbar.less
@@ -1,7 +1,7 @@
 .su_bootstrap_safe {
 // TABLETS AND BELOW
 // -----------------
-@media (max-width: 979px) {
+@media (max-width: 767px) {
 
   // UNFIX THE TOPBAR
   // ----------------
@@ -139,7 +139,7 @@
 // ---------------
 
 // Required to make the collapsing navbar work on regular desktops
-@media (min-width: 980px) {
+@media (min-width: 768px) {
   .nav-collapse.collapse {
     height: auto !important;
     overflow: visible !important;