JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<body>
    <div id="container" class="container-fluid">
    <div class="row">
        <h1>Awesome Header</h1>
    </div>
    <div class="row">
        <div class="col-md-3 col-md-push-9" id="right">Right column content is on the right in wide screens, but on top on small screens</div>
        <div class="col-md-9 col-md-pull-3" id="left">
            <p>Left column content is on the left on large screens, but below on small screens</p>
            <p>Now, a bunch of text to make this long and scrollable.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et nisi sollicitudin ante semper lobortis. Ut accumsan, ante id interdum lobortis, elit magna consequat arcu, at congue ligula odio eget magna. Aliquam nec euismod purus, quis consectetur risus. Morbi dolor orci, volutpat ac sollicitudin at, pharetra at tortor. Fusce libero eros, scelerisque eu eros a, venenatis malesuada elit. Vestibulum pulvinar magna in varius vestibulum. Quisque quis nisi sapien. Curabitur sapien lacus, rhoncus id leo sed, dignissim vulputate risus. Duis ut blandit quam. Phasellus erat nunc, adipiscing at facilisis sed, convallis vitae velit. Nunc metus nisi, tincidunt vel elit vel, fringilla eleifend est.</p>
            <p>Praesent consequat mi quis sem tristique sodales. Donec volutpat adipiscing augue, et egestas tortor interdum in. Vivamus faucibus odio justo, ac sollicitudin orci euismod at. Sed sollicitudin, sem ac dictum fermentum, tellus nisi luctus dui, posuere eleifend augue mauris sit amet ante. Curabitur gravida sapien est, a vulputate quam laoreet elementum. Morbi placerat lectus a diam elementum, id mollis sem dignissim. Pellentesque erat arcu, euismod non eros in, accumsan tincidunt neque. Pellentesque dictum neque nibh, eu consequat justo bibendum ac. Nulla quam odio, lacinia non lorem ac, dignissim vestibulum erat. In vitae turpis sem. Aliquam quis...

CSS

#container{
    margin:0 50px
}
#right {
    background: red;
}
#left {
    background: yellow;
}

JavaScript

$('#right').affix();