ページ上のパーツをスマホやタブレット、PCのみ表示・非表示の設定方法

1.非表示にしたいパーツの「ソース」をクリックします。

2.タグの1行目を下記のタグに書き換えてください。

全ての端末に表示する場合は、変更しないでください。

各サイズのご説明:

スマホ(xs)：767px以下

タブレット(sm)：768px～991px

PC/タブレット(md)：992px～1119px

PC大画面(lg)：1200px以上

良く使われるタグ：

そのままコピーしてご利用ください。

PC大画面のみ非表示（スマホ・タブレットのみ表示）

<div class="row hidden-lg"> 　

PC大画面のみ表示（スマホ・タブレットのみ非表示）

<div class="row visible-lg"> 

スマホのみ非表示（タブレット・PC表示）

<div class="row hidden-xs">

スマホのみ表示（タブレット・PC非表示）

<div class="row visible-xs"> 

タブレットのみ非表示（スマホ・PC表示）

<div class="row hidden-sm hidden-md"> 

タブレットのみ表示（スマホ・PC非表示）

<div class="row visible-sm visible-md"> 

※2つ以上の組み合わせをする場合は、半角スペースをあけて設定してください。

※その他の組み合わせをする場合は、下記の対照表をご参考ください。

対照表：