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

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

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

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

smサイズで非表示

mdサイズで非表示

lgサイズで非表示

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

<h2>smサイズで非表示</h2>
<img src="http://arcany.rdmsys.net/wp-content/uploads/sites/2/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>