特定の画面サイズで表示

特定の画面サイズの時だけ要素が表示されます。

xsサイズの時表示

LEICA DG SUMMILUX 15mm/F1.7 ASPH.

sm、md、lgサイズの時表示

いちご
ジャム
おじさん
だーーーーーーーーーー

<h2>xsサイズの時表示</h2>
<img src="http://arcany.rdmsys.net/wp-content/uploads/sites/2/2016/06/P6262746_1-150x150.jpg" alt="LEICA DG SUMMILUX 15mm/F1.7 ASPH." width="150" height="150" class="visible-xs size-thumbnail wp-image-1203" />

<h2>sm、md、lgサイズの時表示</h2>
<div class="row">
<div class="visible-sm col-sm-6" style="height: 100px;background: #ccf">いちご</div>
<div class="col-xs-12 col-sm-6" style="height: 100px;background: #fcc">ジャム</div>
<div class="visible-md col-md-6" style="height: 100px;background: #eac">おじさん</div>
<div class="visible-lg col-lg-12" style="height: 100px;background: #3cf">だーーーーーーーーーー</div>
</div>