diff options
| author | Mark Otto <[email protected]> | 2012-03-11 15:15:55 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-03-11 15:15:55 -0700 |
| commit | ce292a8bb8129cd16425e3428a461891e78e3a3c (patch) | |
| tree | f43e1a19e4b2b6bd5b21523bbf404574d734c50c /less | |
| parent | a97b9c112238d3f146276a97998ed5c2bb1bc1bc (diff) | |
| download | bootstrap-ce292a8bb8129cd16425e3428a461891e78e3a3c.tar.xz bootstrap-ce292a8bb8129cd16425e3428a461891e78e3a3c.zip | |
fix overflowing thumbnails in responsive <767px layouts
Diffstat (limited to 'less')
| -rw-r--r-- | less/mixins.less | 15 | ||||
| -rw-r--r-- | less/responsive.less | 9 |
2 files changed, 24 insertions, 0 deletions
diff --git a/less/mixins.less b/less/mixins.less index e142f1a63..cafd7daf9 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 0003cd6d0..a83eb8729 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; } +*/ } |