特定のデバイスに対してのみ特定のブートストラップクラスを適用できますが、他のデバイスには適用できません。

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

あなたはサスとBSのV4（以下、バージョン3.x）を使用している場合、あなたは.xs-input-groupのように独自のクラスを作成し、それにinput-group.scss（v3 LESS version is in master）

のコピー・貼り付け・修正版を適用する可能性は、また、と.input-group-btnという名前は、のようにのように書かれているので、.input-group .input-group-something {}という保護者ではないので、HTMLとプリプロセッサのコードに名前を変更する必要があります。.input-groupクラスがない場合でも、 BSによって...

プレフィックスまたはrem ove .input-group-lgおよび.*-smは、このサイジング機能を1日使用するかどうかによって異なります。