我遇到了一个大问题。我有一个包含两个网站的元素，它们共享所有结构和 CSS，但其中一个没有移动版本。 这一切都是通过 bootstrap 完成的，但是由于 bootstrap 检测窗口大小(至少在我这边)，它将更改为移动版本。
如果不从我的媒体查询中复制 css，并且由于 body 上的最小宽度无济于事，有没有办法阻止 col-sm 中的所有内容？
谢谢你们。
最佳答案
您可能，不确定，将不得不省略 -sm 类，或者添加您喜欢的所有选项，即 col-8 -lg、col-8-md、col-4-sm、col-4-xs
使用 JS 来更改您当前的类很简单:
document.getElementsByClass("myElement").className = "newClass";
您也可以像这样重置所有col-x-xx:
document.getElementsByClass("currentClass").className = "col-12-lg col-12-md col-12-sm col-12-xs";
从某种意义上说，这将替换该元素的所有类，上面的内容会很棘手但可行。
删除类的所有实例:
document.getElementById("MyElement").className.replace
( /(?:^|\s)MyClass(?!\S)/g , '' ) //This uses RegEx
您还可以使用 JQuery:
$('#yourElement').addClass('yourClass');
$('#yourElement').removeClass('yourClass');
if ( $('#yourElement').hasClass('yourClass') DO SOMETHING)
关于html - block Bootstrap 作为平板电脑大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39734275/