阻止bootstrap作为平板电脑大小

Question

我有一个强大的问题。我有一个项目是两个网站，他们共享所有的结构和CSS，但其中一个没有移动版本。 这一切都是通过bootstrap完成的，但由于bootstrap检测到窗口大小（至少在我这边），它将变为移动版本。

如果没有从我的媒体查询中复制CSS，并且由于身体上的最小宽度没有帮助，有没有办法阻止col-sm的所有内容？

谢谢你们。

Answer 1

您可能，不确定，是否必须省略-sm类，或添加您喜欢的所有选项，即col-8-lg，{{1} }，col-8-md，col-4-sm

使用JS 更改您当前的课程将非常简单：

col-4-xs

您还可以重置所有document.getElementsByClass("myElement").className = "newClass"; ，如下所示：

col-x-xx

上面的内容很棘手，但可行，因为这将替换该元素的所有类。

删除类的所有实例：

document.getElementsByClass("currentClass").className = "col-12-lg col-12-md col-12-sm col-12-xs";

您还可以使用JQuery：

document.getElementById("MyElement").className.replace
   ( /(?:^|\s)MyClass(?!\S)/g , '' ) //This uses RegEx