是否可以將特定引導類僅應用於特定設備而不應用於其他設備？

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（以下和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如果您打算在一天內使用此尺寸特徵，則取決於您是否需要使用此尺寸特徵。