Encountered an issue with Safari version 5.1.7 involving a row containing 12 columns which results in extra spacing to the right within the container.
Below is the code snippet:
CSS
.wrapper {
background:blue;
}
.wrapper .container {
background:red;
}
.wrapper .container .row .col {
height:30px;
background:grey;
padding: 0;
}
HTML
<div class="wrapper">
<div class="container">
<div class="row">
<div class='col-xs-1 col'></div>
<div class='col-xs-1 col'></div>
<div class='col-xs-1 col'></div>
<div class='col-xs-1 col'></div>
<div class='col-xs-1 col'></div>
<div class='col-xs-1 col'></div>
<div class='col-xs-1 col'></div>
<div class='col-xs-1 col'></div>
<div class='col-xs-1 col'></div>
<div class='col-xs-1 col'></div>
<div class='col-xs-1 col'></div>
<div class='col-xs-1 col'></div>
</div>
</div>
</div>
The code functions properly on all browsers except for Safari.
View it in Chrome
View it in Safari