user3877230 user3877230 - 2 months ago 6
CSS Question

Row-wide Column in Bootstrap?

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.

I really would like to know what the optimal way is to solve this so the correct functionality of bootstrap is not interfered with.

enter image description here

<div class="container-fluid">
<div class="row">
<div class='col-md-9'>
CONTENT A
</div>
</div>

<div class="row">
<div class='col-md-9'>
CONTENT B
</div>
</div>

<div class="row">
<div class='col-md-3'>
CONTENT C
</div>
</div>
</div>

Answer
 <div class="container-fluid">
   <div class="row">
    <div class='col-md-9'>
       <div class="row">
           <div class='col-md-12'>
           </div>
           <div class='col-md-12'>
           </div>
       </div>
    </div>
     <div class="col-md-3">
     </div>
  </div>
</div>