whenever I try and add style to a bootstrap row or span either via
inline style or via my own css file, the entire element looses it's
left margin.
i.e. if I have some stuff all aligned perfectly with proper bootstrap
rows:
<div class="row">
<div class="span1">
hi1
</div>
</div>
<div class="row">
<div class="span1">
hi2
</div>
</div>
where h1 and h2 are left aligned. If I change the 2nd one to:
<div class="row myclass">
<div class="span1">
hi2
</div>
</div>
where myclass adds a color or anything, the hi2 is now like 20px left
of hi1. any idea why?