title: How to override bootstrap container on the right?
body: <p>I would like to have a border bottom that is overrule the container width to the right. So I have two colomns of six <code>col-md-6</code>. The right one has an article as a child. That article has a border-bottom of one px. That should reach the window viewports right. See image bellow:</p>
  
  <p><a href="https://i.stack.imgur.com/cMDrn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cMDrn.png" alt="enter image description here"></a></p>
  
  <p>As you can see, the right vertical line wil show the container end. There should stop the content and let text for example position on a new line. But the border should overrule that so it will reach the viewport right.</p>
  
  <p>Oh and I make use of bootstrap grid if that was not clear!</p>
  
  <p>Code in progress:
  <a href="http://codepen.io/anon/pen/gaewLB" rel="nofollow noreferrer">http://codepen.io/anon/pen/gaewLB</a></p>