是否可以将特定引导类仅应用于特定设备而不应用于其他设备？

例如，我应用了一个输入组类，我希望它只在通过小型设备访问站点时应用，但如果使用大型设备访问站点，我不希望应用该类。我可以使用visible-xs，hidden-xs类，但我不想这样做，因为我不想更改小型和大型设备的标记。是否可以将特定引导类仅应用于特定设备而不应用于其他设备？

来源

2017-02-03 Rohit Rai

为此目的使用jquery。

if($(window).width() >= 1024){ 
// call the element by id and add your class 
}

您可以使用下面的代码作为参考。

if($(window).width() >= 1024){ 
    $('#mydiv').addClass('col-lg-4'); 
} 


<div id="mydiv"> 
    </div>

希望这会有所帮助！

来源

2017-02-03 08:43:15 neophyte

使用这两个片段调整大小后，没有任何事情会发生，即在Bootstrap和imho'.matchMedia（）中没有涉及样式输入组中涉及的类，如果OP不必支持IE8和9 （即使在这种情况下，人们可以假设如果它不被支持，那么它不是移动的） – FelipeAls

如果您使用的Sass和BS V4（以下和3.x版），你可以创建自己的类象.xs-input-group，并适用于它的input-group.scss（v3 LESS version is in master）

复制粘贴，修改后的版本您还必须在HTML和预处理器代码中重命名.input-group-addon和.input-group-btn，因为它们的样式为，因为它们的样式为，而不是像.input-group .input-group-something {}这样的安全保护装置，所以即使没有父级具有.input-group类，它们仍会有点风格由BS ...

无论是前缀还是rem如果您打算在一天内使用此尺寸特征，则取决于您是否需要使用此尺寸特征。

来源

2017-02-03 09:34:05 FelipeAls

是否可以将特定引导类仅应用于特定设备而不应用于其他设备？

回答

相关问题