css - Double div "container body-content" tag doesn't align correctly in Bootstrap 3.0 -

css - Double div "container body-content" tag doesn't align correctly in Bootstrap 3.0 -

why using twice <div class="container body-content"> tag, got wrong alignment on right side of page? text goes beyond right border.

here live version of page:

edit: http://www.bootply.com/l22kmzfgrt

here html, thanks.

<div class="container body-content"> <div class="row"> <div class="col-md-4" > <h2>lorem ipsum dolor sit down amet</h2> <p>lorem ipsum dolor sit down amet, cetero veritus mei ne, omnium propriae mel eu.</p> <p><a href="#" class="btn btn-primary btn-large">learn more</a></p> </div> </div> </div> <div class="container body-content" style="position: absolute; top:400px"> <div class="row"> <div class="col-md-4"> <p>lorem ipsum dolor sit down amet, cetero veritus mei ne, omnium propriae mel eu. eos putant signiferumque id, id mea nulla ceteros, nonumy graeco everti his. eam corrumpit consequat id. in nec audire accusamus, cu velit denique aliquando. ne nulla oratio feugiat ius, usu ut tibique intellegam.</p> </div> <div class="col-md-4"> <p>lorem ipsum dolor sit down amet, cetero veritus mei ne, omnium propriae mel eu. eos putant signiferumque id, id mea nulla ceteros, nonumy graeco everti his. eam corrumpit consequat id. in nec audire accusamus, cu velit denique aliquando. ne nulla oratio feugiat ius, usu ut tibique intellegam.</p> </div> <div class="col-md-4"> <p>lorem ipsum dolor sit down amet, cetero veritus mei ne, omnium propriae mel eu. eos putant signiferumque id, id mea nulla ceteros, nonumy graeco everti his. eam corrumpit consequat id. in nec audire accusamus, cu velit denique aliquando. ne nulla oratio feugiat ius, usu ut tibique intellegam.</p> </div> </div> </div>

the problem sort of positioning relative , solved using great answer: position absolute relative parent

css twitter-bootstrap twitter-bootstrap-3