fix overflowing thumbnails in responsive <767px layouts

2025-08-07 06:06:47 +02:00 · 2012-03-11 15:15:55 -07:00
parent a97b9c1122
commit ce292a8bb8
4 changed files with 39 additions and 9 deletions
--- a/docs/assets/bootstrap.zip
+++ b/docs/assets/bootstrap.zip
--- a/docs/assets/css/bootstrap-responsive.css
+++ b/docs/assets/css/bootstrap-responsive.css
@@ -168,16 +168,22 @@
    width: auto;
    margin: 0;
  }
-  input,
-  textarea,
-  select,
-  .uneditable-input {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -ms-box-sizing: border-box;
-    box-sizing: border-box;
-    max-width: 100%;
+  .thumbnails [class*="span"] {
+    width: auto;
  }
+  /*
+    // FORM FIELDS
+    // -----------
+    // Make them behave like divs
+    input,
+    textarea,
+    select,
+    .uneditable-input {
+      .box-sizing(border-box);
+      max-width: 100%;
+      min-height: 20px;
+    }
+  */
 }
@media (min-width: 768px) and (max-width: 979px) {
  .row {