mirror of https://github.com/twbs/bootstrap.git
fix overflowing thumbnails in responsive <767px layouts
This commit is contained in:
parent
a97b9c1122
commit
ce292a8bb8
Binary file not shown.
|
@ -168,16 +168,22 @@
|
||||||
width: auto;
|
width: auto;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
input,
|
.thumbnails [class*="span"] {
|
||||||
textarea,
|
width: auto;
|
||||||
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%;
|
|
||||||
}
|
}
|
||||||
|
/*
|
||||||
|
// 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) {
|
@media (min-width: 768px) and (max-width: 979px) {
|
||||||
.row {
|
.row {
|
||||||
|
|
|
@ -469,18 +469,33 @@
|
||||||
// Grid System
|
// Grid System
|
||||||
// -----------
|
// -----------
|
||||||
|
|
||||||
|
// Centered container element
|
||||||
.container-fixed() {
|
.container-fixed() {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
.clearfix();
|
.clearfix();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Table columns
|
||||||
.tableColumns(@columnSpan: 1) {
|
.tableColumns(@columnSpan: 1) {
|
||||||
float: none; // undo default grid column styles
|
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
|
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
|
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 {
|
#grid {
|
||||||
|
|
||||||
.core (@gridColumnWidth, @gridGutterWidth) {
|
.core (@gridColumnWidth, @gridGutterWidth) {
|
||||||
|
|
|
@ -189,6 +189,13 @@
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// THUMBNAILS
|
||||||
|
// ----------
|
||||||
|
.thumbnails [class*="span"] {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
// FORM FIELDS
|
// FORM FIELDS
|
||||||
// -----------
|
// -----------
|
||||||
// Make them behave like divs
|
// Make them behave like divs
|
||||||
|
@ -198,7 +205,9 @@
|
||||||
.uneditable-input {
|
.uneditable-input {
|
||||||
.box-sizing(border-box);
|
.box-sizing(border-box);
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
min-height: 20px;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue