The problem and solution are nicely described in this blog posting:

http://phatness.com/2012/02/twitter-bootstrap-how-to-style-rows/

On Apr 19, 5:22 pm, andrewarrow <[email protected]> wrote:
> 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?

Reply via email to