我将 Bootstrap 3 用于使用 PHP 和 HTML 创建的网页。
随着响应式网格和类的开启引导程序3您可以将多个类分配给一个 div，以根据当前屏幕尺寸定义不同的宽度 - 例如：
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">...</div>
这是指使用的屏幕尺寸col-lg对于大型设备，col-md对于中型设备，col-sm对于小型设备和col-xs对于超小型设备。
它按预期工作，但我想知道如何确定 Bootstrap 目前正在使用哪些类，以便我可以在屏幕上显示当前的大小版本。
有没有办法可以使用 PHP（或 jQuery）确定上述网格选项/col 类中的哪一个当前处于活动状态？我自己找不到合适的解决方案。
做到这一点的最佳方法是，即使不用担心 bootstrap 将来是否会改变设备宽度，也可以在 body 中添加 4 个 div 并检查哪一个是可见的。这适用于 Bootstrap 3 和 4！
您的 HTML 看起来像这样（将其添加到文档正文中的某个位置）：
<div class='device-check visible-xs' data-device='xs'></div>
<div class='device-check visible-sm' data-device='sm'></div>
<div class='device-check visible-md' data-device='md'></div>
<div class='device-check visible-lg' data-device='lg'></div>
然后您可以使用以下命令找到当前的网格选项：
function get_current_grid_option(){
return $('.device-check:visible').attr('data-device')
}
这将返回xs, sm, md or lg
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
