mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-20 04:11:39 +02:00
Code Issues Releases Wiki Activity

fix overflowing thumbnails in responsive <767px layouts

Browse Source
This commit is contained in:
Mark Otto
2012-03-11 15:15:55 -07:00
parent a97b9c1122
commit ce292a8bb8
4 changed files with 39 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
less/mixins.less
View File

@@ -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) {