Is there a way to adjust the margins between row-fluid spans while keeping them responsive? I am aware that margins are in percentages, but I want to achieve an approximate margin of 15px on wider screens. I tried changing the margin-left to 1.8% using Firebug, and it worked fine. However, when I reload the site, all the spans are aligned one after another.
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.127659574468085%;
*margin-left: 2.074468085106383%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}