Bootstrap 表示/éžè¡¨ç¤º



設定値

Extra small devices
スマートフォン (<768px)
Small devices
タブレット (≥768px)
Medium devices
デスクトップPC (≥992px)
Large devices
デスクトップPC (≥1200px)
.visible-xs-* Visible
.visible-sm-* Visible
.visible-md-* Visible
.visible-lg-* Visible
.hidden-xs Visible Visible Visible
.hidden-sm Visible Visible Visible
.hidden-md Visible Visible Visible
.hidden-lg Visible Visible Visible
ノーマル表示(Bootstrap利用無ã—)

 

<div class=”mydiv”> </div>

スマホ時ã®ã¿è¡¨ç¤º

visible-xs-block
visible-xs-inline
visible-xs-inline-block

※↑画é¢ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦ã¯ã‚³ã‚³ã«<div>ãŒè¡¨ç¤ºã•れる。
<div class="visible-xs-block">visible-xs-block</div>
<div class="visible-xs-inline">visible-xs-inline</div>
<div class="visible-xs-inline-block">visible-xs-inline-block</div>

スマホ時ã®ã¿éžè¡¨ç¤º

※↑画é¢ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦ã¯ã‚³ã‚³ã«<div>ãŒè¡¨ç¤ºã•れる。
<div class="hidden-xs">hidden-xs</div>

Follow me!

å‰ã®è¨˜äº‹

Bootstrap ç”»åƒ