是否可以仅为特定设备应用特定引导类，而不应用于其他设备。

Question

例如，我应用了一个输入组类，我希望它仅在通过小型设备访问网站时应用，但如果使用大型设备访问该网站，我不希望应用该类。我可以使用visible-xs，hidden-xs类，但我不想这样做，因为我不想改变小型和大型设备的标记。

Answer 1

为此目的使用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>

希望这有帮助！

Answer 2

如果你正在使用Sass和BS v4（或LESS和v3.x），你可以创建自己的类.xs-input-group并向其应用{{3}的复制粘贴修改版本（input-group.scss）

您还必须在HTML和预处理器代码中重命名.input-group-addon和.input-group-btn，因为他们按照的方式设置的样式，而不是像.input-group .input-group-something {}这样的保障措施，所以即使没有父母有.input-group课程，他们仍然会被BS认为有点风格...

最好是添加前缀或删除.input-group-lg和.*-sm，这取决于您是否打算在某一天使用此大小调整功能。