JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div class="col-xs-6" style="background-color:red;">
first first first first first first first first
 </div>
<div class="col-xs-6" style="padding:0px;margin:0px;right:0px;left:0px;">


		 <div class="columns">
		 
		  <div class=" col-xs-6" style='background-color:green;'>
              second</br> second
             second</br> second
              second</br> second

		  </div>
		 
		  <div class=" col-xs-6" style='background-color:blue;'>
		   third<br> 
           third<br>
           third<br> 
           third<br>
           third<br> 
           third<br>
		  </div>
		 
		</div>
		
 
 
 
</div>

JavaScript

$(function() {
    $( ".columns" ).sortable({
      
     
    });
 
   
  });