boostrap 4排休息

Question

我不明白为什么行会在小型设备上中断。 它在一排内，总共有12列

在此处运行代码示例：https://www.bootply.com/Q21DfU6QES。 请选择移动视图并将其缩小 e.g。

代码

<div class="row" style="background-color:red;">
  <div class="col-1" style="background-color: #0F0">
    IMAGE
  </div>
  <div class="col-4" style="background-color: #0D0">
    Account info
  </div>
  <div class="col-4" style="background-color: #0B0">
    Account Name
  </div>
  <div class="col-3" style="background-color: #090">
    IsValid or not
  </div>
</div>