JSFiddle - React, Tailwind, and code Playground

HTML

<!-- snippet 1 -->
<div class="col-md-12 col-sm-12">
    <div class="col-md-6 col-sm-6" style="padding:0;">
        <div class="well" style="border-right:1px solid black;">
            Test
        </div>
    </div>
    <div class="col-md-6 col-sm-6" style="padding:0;">
        <div class="well">
            srewdf<br>srewdf<br>srewdf<br>srewdf<br>
        </div>
    </div>
</div>
 
<!-- snippet 2 -->
<div class="col-md-12 col-sm-12">
    <div class="col-md-9 col-sm-9" style="padding:0;">
        <div class="well" style="border-right:1px solid black;">
            srewdf<br>srewdf<br>srewdf<br>srewdf<br>
            srewdf<br>srewdf<br>srewdf<br>srewdf<br>
        </div>
    </div>
    <div class="col-md-3 col-sm-3" style="padding:0;height:50%;">
        <div class="well">
            Test
        </div>
    </div>
    <div class="col-md-3 col-sm-3" style="padding:0;height:50%;">
        <div class="well">
            Test
        </div>
    </div>
</div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');