Bootstrap 4 引导4个响应列

新尝试做的东西与引导的反应横幅。我昨晚和今早做了一些调查。如果这个问题已经得到了回答（如我所怀疑的），请告诉我在哪里可以找到答案。我设置了一个4列1行的网格。我在每一列都放了一些内容。但是，当我将浏览器窗口的大小减小到足够大时，它会变成4行而不是一行。请检查正在调整大小的浏览器（chrome）的链接视频捕获。我使用的代码在下面的粘贴栏中。我怎么能一直把它放在一排

部分代码：

<div class="container touchpointContainer">
 <div class="row tall">
   <div class="col-sm-1 bootCol">
     <a onclick="advanceReview(-1)">
       <img class="prev" src="leftArrow.png"/>
     </a>
   </div>
   <div class="col-sm-8 bootCol">
  "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore"
   </div>
   <div class="col-sm-2 bootCol">
     Image goes here
   </div>
   <div class="col-sm-1 bootCol">
     <a onclick="advanceReview(1)">
       <img class="next" src="rightArrow.png"/>
     </a>
   </div>
 </div>

调整大小的Gif：

发布此问题后，我做了一些额外的搜索。答案似乎存储在这里：


那里有一个很好的gif，可以准确地显示行为

答案是。。。要修复它，请使用col-1而不是col-sm-1。只需从所有列的类名中删除“sm”