From f37d9aeaef12c3019112fa915b7bd4d927652a15 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 31 Mar 2012 21:31:01 -0700 Subject: [PATCH] fix #2856: make inputs using .span* classes responsive at <767px layout --- docs/assets/bootstrap.zip | Bin 56943 -> 56958 bytes docs/assets/css/bootstrap-responsive.css | 7 +++++-- less/responsive-767px-max.less | 9 ++++++--- 3 files changed, 11 insertions(+), 5 deletions(-) diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip index e2f5087b39b74dd4f69b74a0bd011f68396cef5e..4b7227a7d1c55bc2d7de8cbcdc9d66100377ad06 100644 GIT binary patch delta 5340 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 delta 5309 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 diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index f95e46e166..a8457dc455 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -148,8 +148,8 @@ .row { margin-left: 0; } - .row > [class*="span"], - .row-fluid > [class*="span"] { + [class*="span"], + .row-fluid [class*="span"] { float: none; display: block; width: auto; @@ -174,8 +174,11 @@ -ms-box-sizing: border-box; box-sizing: border-box; } + .input-prepend input, + .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { + display: inline-block; width: auto; } } diff --git a/less/responsive-767px-max.less b/less/responsive-767px-max.less index 7a3318a8fe..ba34b29a6e 100644 --- a/less/responsive-767px-max.less +++ b/less/responsive-767px-max.less @@ -100,9 +100,9 @@ .row { margin-left: 0; } - // Make all columns even - .row > [class*="span"], - .row-fluid > [class*="span"] { + // Make all grid-sized elements block level again + [class*="span"], + .row-fluid [class*="span"] { float: none; display: block; width: auto; @@ -125,8 +125,11 @@ .input-block-level(); } // But don't let it screw up prepend/append inputs + .input-prepend input, + .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { + display: inline-block; // redeclare so they don't wrap to new lines width: auto; }