定義済みのグリッドクラスを使用してブレークポイントでdivを表示しない

Question

私は3つのdivを持っています。フルスクリーンデバイスでは、各列は、私が期待している親div '行'の33％です。画面が小さくなるようにサイズを変更すると、div AとCがそれぞれ50％ずつ隣り合わせに展開するようにdiv Bを消しておきます。

<div class="row"> 
    <div class="col-3 col-sm-6">A</div> 
    <div class="col-3 col-sm-0">B</div> 
    <div class="col-3 col-sm-6">C</div> 
</div> 

はcol-sm-0のようなこの可能使用して表記ですか私は、手動でメディアクエリを記述する必要がありますか？

Answer 1

はhiddenクラスに見て： https://getbootstrap.com/docs/3.3/css/#responsive-utilities-classes

あなたはあなたのケースでhidden-smを使用することができます。

ブートストラップ4： https://v4-alpha.getbootstrap.com/layout/responsive-utilities/

あなたはあなたのケースでhidden-sm-downを使用することができます。

Answer 2

はv4のベータ版のために、私はあなたがそれを働いてうれしいnew hiding classes

<div class="row"> 
    <div class="col-3 col-sm-6">A</div> 
    <div class="col-3 d-sm-none">B</div> 
    <div class="col-3 col-sm-6">C</div> 
</div>