This blue border is the border of the .container class.
I was wondering why the width of the navigation was smaller then the width of the three cells.
I found that removing the padding from the .container class made the navigation touch the border… so that was good.
However the width of the cells jumped over the border…

WHY IS THIS?

And why are there three .container classes of wich two are nested in the first one?

Every setting that you do for the upper container needs to be undone for the lower containers.

2 column span

6 column span

4 column span

2 column span

6 column span

4 column span

Altered layout… I nested te cell layout in an 'alert'-div an then it obeys
However I found that the margin-left and right of the row class set to -15px was doing the harm… so after setting this to 0px, the cells worked fine… but not inside the alert, so I guess the alert will now be smaller then full width… sigh.

2 column span

6 column span

4 column span

No… the alert box is fine, but it had a similar padding of +15px, so they cleared each other out

THIS IS AN ALERT BOX


Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License