[FIX] elements not hidden

Created by: digitaldisseny

Some elements doesn't hide even with the hidden classes.

Default behaviour: http://digitaldisseny.com/tmp/hiddenbug/

Patched version: http://digitaldisseny.com/tmp/hiddenbug/working.html

docs/assets/css/bootstrap-responsive.css

@@ -58,33 +58,33 @@
 }
 
 @media (max-width: 767px) {
-  .visible-phone {
+  .hidden-desktop {
     display: inherit !important;
   }
-  .hidden-phone {
+  .visible-desktop {
     display: none !important;
   }
-  .hidden-desktop {
+  .visible-phone {
     display: inherit !important;
   }
-  .visible-desktop {
+  .hidden-phone {
     display: none !important;
   }
 }
 
 @media (min-width: 768px) and (max-width: 979px) {
-  .visible-tablet {
-    display: inherit !important;
-  }
-  .hidden-tablet {
-    display: none !important;
-  }
   .hidden-desktop {
     display: inherit !important;
   }
   .visible-desktop {
     display: none !important ;
   }
+  .visible-tablet {
+    display: inherit !important;
+  }
+  .hidden-tablet {
+    display: none !important;
+  }
 }
 
 @media (max-width: 480px) {

less/responsive-utilities.less

@@ -20,22 +20,22 @@
 
 // Phones only
 @media (max-width: 767px) {
+  // Hide everything else
+  .hidden-desktop    { display: inherit !important; }
+  .visible-desktop   { display: none !important; }
   // Show
   .visible-phone     { display: inherit !important; } // Use inherit to restore previous behavior
   // Hide
   .hidden-phone      { display: none !important; }
-  // Hide everything else
-  .hidden-desktop    { display: inherit !important; }
-  .visible-desktop   { display: none !important; }
 }
 
 // Tablets & small desktops only
 @media (min-width: 768px) and (max-width: 979px) {
+  // Hide everything else
+  .hidden-desktop    { display: inherit !important; }
+  .visible-desktop   { display: none !important ; }
   // Show
   .visible-tablet    { display: inherit !important; }
   // Hide
   .hidden-tablet     { display: none !important; }
-  // Hide everything else
-  .hidden-desktop    { display: inherit !important; }
-  .visible-desktop   { display: none !important ; }
 }