特定の画面サイズで表示

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

xsサイズの時表示

LEICA DG SUMMILUX 15mm/F1.7 ASPH.

OLYMPUS IMAGING CORP. E-M5MarkII (15mm, f/5, 1/2000 sec, ISO200)

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

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

<h2>xsサイズの時表示</h2>
<img src="https://tapioca-hiroyuki.net/wp-content/uploads/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>