title: How to create left and right side inside container?
body: <p><a href="https://i.stack.imgur.com/L6Pkk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/L6Pkk.png" alt="enter image description here"></a>What i have is sidebar and on right side i have content. What i want is that both sides are in container but that are both full width . This is my demo: <a href="https://jsfiddle.net/DTcHh/19067/" rel="nofollow noreferrer">https://jsfiddle.net/DTcHh/19067/</a></p>
  
  <p>So i want that left background color start from beging of page but text inside is in container and also i want that background color of right content go to the end of page but text is in container. Any suggestion?</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="col-md-3"&gt;
    &lt;div class="left_sidebar"&gt;
     menu
    &lt;/div&gt;
  
    &lt;/div&gt;
    &lt;div class="col-md-9"&gt;
    &lt;div class="right-content"&gt;
    content
    &lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>