JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container">
    <div class="row">
        <div class="col-md-9">
            <div class="row">
                <div class="col-md-6">
                    <div class="post this">
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab velit omnis laudantium accusamus aut perspiciatis debitis, suscipit repudiandae veritatis quidem est quibusdam! Laborum fuga rerum provident aliquid excepturi cumque dignissimos.</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="post">
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab velit omnis laudantium accusamus aut perspiciatis debitis, suscipit repudiandae veritatis quidem est quibusdam! Laborum fuga rerum provident aliquid excepturi cumque dignissimos.</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="post">
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab velit omnis laudantium accusamus aut perspiciatis debitis, suscipit repudiandae veritatis quidem est quibusdam! Laborum fuga rerum provident aliquid excepturi cumque dignissimos.</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="post">
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab velit omnis laudantium accusamus aut perspiciatis debitis, suscipit repudiandae veritatis quidem est quibusdam! Laborum fuga rerum provident aliquid excepturi cumque dignissimos.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <!-- Here's sidebar -->
        </div>
    </div>
</div>

CSS

.col-md-6 {
  /* demo */
  outline: 1px dotted red;
  outline-offset: -1px;
}

.post {
  padding: 10px;
  /* demo */
  outline: 1px dotted red;
  outline-offset: -1px;
}

.this {padding: 15px;}

.post p {
  padding: 5px;
  /* demo */
  outline: 1px dotted red;
  outline-offset: -1px;
}

@media(min-width: 992px){
  .col-md-6:nth-child(2n+1) { clear: left; }
}
@media(min-width: 1200px){
  .col-md-6:nth-child(2n+1) { clear: none; }
}