twitter/bootstrap — Issue #1182: 2.0 - Offset calculation for tablets
Author: kennycarruthers
Created: 2012-01-25 08:05:47+00:00
State: open

In responsive.less, when calculating the offset for a tablet column (line 163), the following code is used:

.offset(@columnOffset: 1) {
margin-left: (@gridColumnWidth * @columnOffset) + (@gridGutterWidth * (@columnOffset - 1)) + @gridGutterWidth;
}

However, for desktop layouts, this calculation is used (line 115):

.offset(@columns: 1) {
margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)) + (@gridGutterWidth * 2);
}

The difference is that in the tablet layout, it appears to be missing the inclusion of an `@gridGutterWidth`. The result for me on a tablet (iPad) is that a row with a column of class "offset2", will not properly line up with a column jn a preceding row that is beside a "span2" column.

ex:

This is offset2

This is span2

This is span8

In the above example, the content of "offset2" is not lined up with the content of "span8" when viewed on an iPad. It is properly aligned on the desktop.

Thank you.