title: A bootstrap column that should stretch 100% of width is not doing so, only in Angular
body: <p>I have a page with a side navigation bar and a content area.
  Here is a simplified representation of what it looks like:</p>
  
  <p><a href="https://i.stack.imgur.com/XcPQL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XcPQL.png" alt="enter image description here"></a></p>
  
  <pre><code>[https://jsfiddle.net/hd46twu1/6/][2]
  </code></pre>
  
  <p>I'm rewriting the same application using Angular and I'm having a bad time trying to make the content area to stretch to the whole available width.
  Here is what is happening:</p>
  
  <p><a href="https://i.stack.imgur.com/Nwlxk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Nwlxk.png" alt="enter image description here"></a></p>
  
  <p><a href="https://stackblitz.com/edit/angular-89rbp4" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-89rbp4</a></p>
  
  <p>How can I make the column to stretch in Angular just as it does on the application without Angular?</p>