Javascript 如何仅在特定屏幕大小下使用脚本应用CSS类？

我使用的是bootstrap4，我的标记通过一个

for循环运行，该循环产生八个
项
div

我希望在一行中有五个项目，因此我正在运行
col-2
。但很明显，这将显示一行中有六个

因为我不能在标记中添加偏移量（因为它在for循环中），所以我通过JS添加了它


$（'.项：第n个子项（5n+1））.addClass（'offset-1'）

测试1

测试2

测试3

测试4

测试5

测试6

测试7

测试8

试试这个，伙计

if (window.innerWidth >= 1440) {
    console.log(window.innerWidth)
    ...
    // your code here
}

你甚至不需要javscript，使用CSS。
只需添加另一个类：

@media(min-width: 1440px){
  .col-5{
    width: 20%;
  }
}

您是否在css和媒体查询中尝试过相同的解决方案？当然，这是可能的，但您还需要在窗口大小发生变化时运行脚本（通过用户交互或设备方向的变化）。如果你能展示整个函数，这会有所帮助。不过，我不会覆盖默认的引导类。最好创建一个自定义类并避免意外的副作用或维护问题。@GalAbra uu可能对console.log inclusion投了反对票，因为它不是回答问题所必需的