Bootstrap 4 - 固定列

Question

我正在使用Bootstrap v.4.0.0，我有两列（col-md-6 + col-md-6）布局：

<div class="container-fluid">
 <div class="row">
  <div class="col-md-6 projects--snasphot-area">
        <!-- Many img here -->
  </div>
  <div class="col-md-6 sticky-top projects--info-area">
        <!-- Text here -->
  </div>
 </div>
</div>

此处可以看到该页面：http://new.elan42.com/projects/bonomea/

左栏很长，可以通过向下滚动页面来显示。我想要正确的列跟随滚动，以便其内容始终可读。因此，我尝试添加Boostrap“sticky-top”类，并根据align-self-start中的建议分配“previous topic”......但仍然没有滚动。