.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:
The fix:
Add an !important to the rule.