.row {margin-left:0} ignored in Mobile Safari 5.1.

Created by: jeremyricketts

The issue:

In responsive.less on line 140 there is this rule:

.row {margin-left:}

...which is having no effect in Mobile Safari 5.1. Here's some markup for the screenshot below:

<div class="container">
    <div class="page-header">       
        <h1>Welcome to AIM</h1>
        <p class="lead">If the general tagline says what you do, this statement should be why or how you do it. You know, integrity, passion, excellence, yadda. This is likely the first thing people will read.</p>
    </div>
    <div class="row">
        <div class="span12">
            <h2>Our Services <small><a href="/services" title="View all our services">view all</a></small></h2>
        </div>
    </div>
</div>

The issue doesn't seem to be present on other webkit browsers, like Chrome 17.0. Maybe this was a webkit bug that was fixed?

Screenshot of issue:

This is on a 3rd Gen iPad.

The fix:

Add an !important to the rule.

Screenshot of fix:

On same 3rd Gen iPad.