Div span edge to edge; slight problem...

Question

I would like to fix the 'container' that is light gray. It is not going full width span the way the containerWhite is.
This is a very rough mock up of the building blocks, completely stripped down...
I examined the code over & over, and in another copy commented out extraneous style rules that had nothing to do with this layout.
Cannot understand if they are the same, why isn't it spanning and why isn't the text in the gray containers at the same margin as the white.
I'd like them to match the white container positioning, and so the gray is from edge to edge of screen.
Since this test page, I have also stripped out 'row' and that column call thing. I do not think it was ever needed for this.
testing
Please advise; much appreciated!

Answer 1

Have a look at the construction of the light gray container
<div class="container">
  <div class="row"><div id="profilePic"><img src="images/profile-pic.png" width="302" height="337"></div> 
    <div class="col-xs-12"> 
            <h2>Intro</h2><p>Eu aperiam salutandi vel, dicat zril ei usu, eos no ubique iisque moderatius. Cu sea unum labores. Sed menandri sadipscing at, vix cu vivendum gubergren complectitur. Duo eu aeque imperdiet, natum melius ius in. Eam tacimates delicatissimi ex, duo no feugiat fabellas hendrerit. Ad cum ornatus splendide scripserit.</p>
            <p>Eam ex regione tamquam. Mei veritus epicuri probatus ea, aperiri dignissim his cu, duis tamquam ad has. Et natum praesent interesset usu, usu adhuc malorum oportere ad. Vix liber senserit ut, ea dolore nonumes propriae pri. Cu copiosae definiebas sea.</p>
            <p> </p>
    </div> 
  </div> 
</div>
and the white container
<div class="containerWhite"> 
  <div class="row"><a href="#" class="scrollToTop"><img src="./images/up-arrow.png"></a>
        <h2>About</h2>
        <p>Eu aperiam salutandi vel, dicat zril ei usu, eos no ubique iisque moderatius. Cu sea unum labores. Sed menandri sadipscing at, vix cu vivendum gubergren complectitur. Duo eu aeque imperdiet, natum melius ius in. Eam tacimates delicatissimi ex, duo no feugiat fabellas hendrerit. Ad cum ornatus splendide scripserit.</p>
        <p>Eam ex regione tamquam. Mei veritus epicuri probatus ea, aperiri dignissim his cu, duis tamquam ad has. Et natum praesent interesset usu, usu adhuc malorum oportere ad. Vix liber senserit ut, ea dolore nonumes propriae pri. Cu copiosae definiebas sea.</p>
        <p>Ius partem efficiendi ei, no apeirian ullamcorper disputationi eum. Prima equidem te ius. Mel at latine recusabo cotidieque, vidisse malorum persius ius id. Cu quo antiopam sententiae referrentur, ad sea fugit propriae assentior, ad errem inimicus assueverit his. Ea per utroque splendide, ea stet partem eum, eripuit persecuti vis et. Nam ad posse error aliquando.</p>
        <p>Ea nec nominati gloriatur, unum prima minimum ne est. Probo persius legendos ei vix, per id tritani singulis, eum eu elit consequat. Eam quem invidunt et, sed no elitr eleifend, copiosae intellegebat mel in. Eu vis wisi possit tritani, vel gloriatur dissentias ex.</p>
  </div>
</div>
You will see that they have different classes.
The style rules for container are dictated by Bootstrap, while the style rules for containerWhite are custom made.