JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div class="container">
  <h1>Header</h1>
  <div class="row">
    <div class="col-xs-3">
      <div data-spy="affix" data-offset-bottom="60">   Side<br>Side<br>Side<br>Side<br>Side<br>Side<br>Side<br>Side<br>Side<br>Side<br>Side<br>Side<br>Side<br>Side<br>Side<br>Side<br>
      </div>
    </div>
          
    <div class="col-xs-9">
 Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>Content<br>
    </div>

  </div> <!-- row -->

</div> <!-- container -->

CSS

.affix {

}