From ce292a8bb8129cd16425e3428a461891e78e3a3c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 11 Mar 2012 15:15:55 -0700 Subject: [PATCH] fix overflowing thumbnails in responsive <767px layouts --- docs/assets/bootstrap.zip | Bin 55139 -> 55196 bytes docs/assets/css/bootstrap-responsive.css | 24 ++++++++++++++--------- less/mixins.less | 15 ++++++++++++++ less/responsive.less | 9 +++++++++ 4 files changed, 39 insertions(+), 9 deletions(-) diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip index 4a66cd1bb12d59b6226131da601cf59a3f2bcf11..bae41d33c30bf65d9be75cd22eabbdd20cb9f6c5 100644 GIT binary patch delta 5034 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 delta 5055 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 Nei(LwuJLQ(e*i$GGMWGY diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index f1ab51a219..03e8cf1a61 100644 --- 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 { diff --git a/less/mixins.less b/less/mixins.less index e142f1a633..cafd7daf90 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -469,18 +469,33 @@ // Grid System // ----------- +// Centered container element .container-fixed() { margin-left: auto; margin-right: auto; .clearfix(); } +// Table columns .tableColumns(@columnSpan: 1) { float: none; // undo default grid column styles width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16; // 16 is total padding on left and right of table cells margin-left: 0; // undo default grid column styles } +// Make a Grid +// Use .makeRow and .makeColumn to assign semantic layouts grid system behavior +.makeRow() { + margin-left: @gridGutterWidth * -1; + .clearfix(); +} +.makeColumn(@columns: 1) { + float: left; + margin-left: @gridGutterWidth; + width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)); +} + +// The Grid #grid { .core (@gridColumnWidth, @gridGutterWidth) { diff --git a/less/responsive.less b/less/responsive.less index 0003cd6d04..a83eb87293 100644 --- a/less/responsive.less +++ b/less/responsive.less @@ -189,6 +189,13 @@ margin: 0; } + // THUMBNAILS + // ---------- + .thumbnails [class*="span"] { + width: auto; + } + +/* // FORM FIELDS // ----------- // Make them behave like divs @@ -198,7 +205,9 @@ .uneditable-input { .box-sizing(border-box); max-width: 100%; + min-height: 20px; } +*/ } -- 2.47.3