如何使用Semantic UI阻止Card包装到下一行？

Question

我希望我的所有卡片视图都只能水平显示。使用Semantic中的示例：

<div class="ui four cards">
 <div class="card">
   <div class="image">
     <img>
   </div>
   <div class="extra">
     Rating:
     <div class="ui star rating" data-rating="4"></div>
   </div>
 </div>
  ....
</div>

如果我有四张以上的卡片，我希望前四张卡片的大小相同，然后可以通过水平滚动条访问剩余的卡片。我不希望其他卡片放在下面的行中。如何防止Semantic对卡片进行包装？

由于