title: Row-wide Column in Bootstrap?
body: <p>I am trying to figure out how to make a row wide column in bootstrap. In the picture below you see what i want to accomplish. After that there is the source code in which I tried to I realize that. </p>
  
  <p>I really would like to know what the optimal way is to solve this so the correct functionality of bootstrap is not interfered with.</p>
  
  <p><a href="https://i.stack.imgur.com/D8J1p.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/D8J1p.jpg" alt="enter image description here"></a></p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
      &lt;div class="row"&gt;
          &lt;div class='col-md-9'&gt;
              CONTENT A
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="row"&gt;
          &lt;div class='col-md-9'&gt;
              CONTENT B
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="row"&gt;
          &lt;div class='col-md-3'&gt;
              CONTENT C
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>