remove text indent on carets (not needed) and add inline replacement mixin

docs/assets/css/bootstrap-responsive.css

@@ -18,6 +18,11 @@
 .clearfix:after {
   clear: both;
 }
+.hide-text {
+  overflow: hidden;
+  text-indent: 100%;
+  white-space: nowrap;
+}
 .hidden {
   display: none;
   visibility: hidden;

docs/assets/css/bootstrap.css

@@ -112,6 +112,11 @@ textarea {
 .clearfix:after {
   clear: both;
 }
+.hide-text {
+  overflow: hidden;
+  text-indent: 100%;
+  white-space: nowrap;
+}
 body {
   margin: 0;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -1930,6 +1935,10 @@ table .span24 {
 }
 .btn {
   display: inline-block;
+  *display: inline;
+  /* IE7 inline-block hack */
+
+  *zoom: 1;
   padding: 4px 10px 4px;
   margin-bottom: 0;
   font-size: 13px;

less/buttons.less

@@ -8,6 +8,7 @@
 // Core
 .btn {
   display: inline-block;
+  .ie7-inline-block();
   padding: 4px 10px 4px;
   margin-bottom: 0; // For input.btn
   font-size: @baseFontSize;

less/mixins.less

@@ -98,7 +98,14 @@
   white-space: nowrap;
 }
 
-
+// New image replacement
+// -------------------------
+// Source: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
+.hide-text {
+  overflow: hidden;
+  text-indent: 100%;
+  white-space: nowrap;
+}
 
 // FONTS
 // --------------------------------------------------