JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<div class="single-post">
    <div class="row">
        <div class="col-sm-12 col-xs-12">
            <div id="banner-image">
                <img class="img-responsive" src="http://placekitten.com/900/200"/>
            </div>
        </div>
    </div>
    <div class="row">  
        <div class="col-sm-4 col-xs-6">
            <div id="single-post-details">
                I become a sticky element
            </div>
        </div>
        <div class="col-sm-8 col-xs-6">
    <div id="single-post-content">
        

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra mollis arcu, in gravida mi gravida ut. Vivamus et turpis aliquam, fermentum justo vitae, rutrum massa. Etiam mattis venenatis metus id bibendum. Integer hendrerit sapien ac neque tristique vulputate. Donec et porta ligula, viverra varius urna. Nunc in turpis convallis, euismod leo vel, imperdiet elit. Aliquam luctus odio vel dui convallis, non tempus nisi facilisis. Nam tempus arcu sit amet lacus blandit lacinia. Donec nunc enim, pulvinar sit amet ipsum quis, luctus ornare risus. Cras et placerat neque. Aenean in sapien quis magna tempor faucibus. Duis at libero risus. Aliquam maximus volutpat urna, eu commodo massa fringilla sit amet. Etiam sodales eu turpis non luctus.

Phasellus porta eget turpis vel pretium. Cras vel dolor posuere, varius augue quis, feugiat tellus. Aliquam aliquet ornare elit nec viverra. Duis sed dui dolor. Morbi cursus tellus est, luctus bibendum eros interdum in. Mauris sed congue elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum dapibus sapien facilisis enim iaculis fringilla. Quisque imperdiet lacus...

CSS

.sticky {
    position: fixed;
    top: 20px;
}

JavaScript

var $window = $(window),
    $stickyEl = $('#single-post-details'),
    elTop = $stickyEl.offset().top;

$window.on({
    resize : function(){
        elTop = $stickyEl.offset().top;
        $window.trigger('scroll');
    },
    scroll : function() {
        $stickyEl.toggleClass('sticky', $window.scrollTop() + 20 > elTop);
    }
});