特定の画面サイズで非表示

特定の画面サイズにおいて、要素を非表示にします。divで使うとレイアウトの調整ができます。div以外の要素にも使用できます。

smサイズで改行されません

この度はシマンテック製品をご購入いただき、誠にありがとうございます。製品のご利用に必要な情報をお届けいたしますので、大切に保存してください。

smサイズで非表示

mdサイズで非表示

lgサイズで非表示


<h2>smサイズで改行されません</h2>
<p>この度はシマンテック製品をご購入いただき、誠にありがとうございます。<br class="hidden-xs">製品のご利用に必要な情報をお届けいたしますので、大切に保存してください。</p>

<h2>smサイズで非表示</h2>
<img src="https://tapioca-hiroyuki.net/wp-content/uploads/2016/08/mistuki2.png" alt="AnimateCC作例" width="383" height="371" class="hidden-sm alignnone size-full wp-image-1291" />

<h2>mdサイズで非表示</h2>
<button class="hidden-md btn btn-danger">押してください</button>

<h2>lgサイズで非表示</h2>
<div class="hidden-lg" style="background: gray; height: 50px;">メニュー</div>