From 148e5a3d899d5c2d395e2d5749b755efeef2cd38 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 9 Jul 2012 21:07:49 -0700 Subject: [PATCH] fixes #3291: remove float on responsive .thumbnails for 767px and down to ensure thumbnail images don't pop out of container in FF --- docs/assets/css/bootstrap-responsive.css | 4 ++++ less/responsive-767px-max.less | 3 +++ 2 files changed, 7 insertions(+) diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index 7023596161..9a9bd33074 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -805,7 +805,11 @@ display: block; float: none; width: auto; + max-width: 100%; margin-left: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .input-large, .input-xlarge, diff --git a/less/responsive-767px-max.less b/less/responsive-767px-max.less index 105ac59845..b7fd7454fb 100644 --- a/less/responsive-767px-max.less +++ b/less/responsive-767px-max.less @@ -51,6 +51,9 @@ .thumbnails { margin-left: 0; } + .thumbnails > li { + float: none; + } // Make all grid-sized elements block level again [class*="span"], .row-fluid [class*="span"] {