相关疑难解决方法(0)

目前,Twitter Bootstrap 3具有以下响应断点:768px,992px和1200px,分别代表小型,中型和大型设备.

如何使用JavaScript检测这些断点？

我想用JavaScript听取屏幕更改时触发的所有相关事件.并且能够检测屏幕是用于小型,中型还是大型设备.

有没有做过的事情？你有什么建议？

迁移到Bootstrap 4时,新响应实用程序隐藏/可见类出现问题.我知道.hidden-类已从v3中删除并替换为.使用新类但元素不会更改为可见/隐藏.无法弄清楚为什么..hidden-*-up .hidden-*-down.hidden-*-up.hidden-*-down

<div class="col hidden-xs-down">
    <span class="vcard">
        …
    </span>
</div>
<div class="col hidden-lg-down">
    <div class="hidden-sm-down">
                …
    </div>
    <div class="hidden-xs-down">
                …
    </div>
</div>

*无论屏幕大小如何,此示例中都不隐藏任何内容(Safari,响应式设计模式)

在Bootstrap 3中,有4个状态; 超小型设备,小型设备,中型设备和大型设备.我如何才能知道该网站目前处于jQuery的哪个州？这样我就可以像处理超小型设备那样进行处理,然后运行此功能.

谢谢.

我想检查我的JavaScript函数之一，以确定我是否在智能手机上，然后根据结果决定是否运行该函数。

用JavaScript检测/检查智能手机（或一般手持设备）的最佳方法是什么？

例如

if (user is on a smartphone) {
//run this code if on a phone
} else {
//run this code if not on a phone
}

如果没有确定的方法来检查电话，那么在决定运行哪个代码之前，我应该执行的最佳检查方法是什么？

编辑/更新：在类似的帖子上的答案和评论应该给我一些东西- 在jQuery中检测移动设备的最佳方法是什么？

我使用Bootstrap 3作为使用PHP和HTML创建的网页.

使用Bootstrap 3上的响应式网格和类,您可以为div分配多个类,以根据当前屏幕大小定义不同的宽度 - 例如:

<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">...</div>

这指的是屏幕尺寸采用col-lg大型设备,col-md对媒体装置,col-sm为小devicesand col-xs额外的小型设备.
它按预期工作,但我想知道如何确定Bootstrap目前正在使用哪些类,以便我可以在屏幕上显示当前大小的版本.

有没有办法可以使用PHP(或jQuery)确定上面哪个网格选项/ col类当前是活动的？我自己找不到合适的解决方案.

蒂姆,非常感谢.