とほほのBootstrap 4入門

  1. トップ
  2. Bootstrap 4入門
  3. ポジション

ポジション

.position-{static|relative|absolute|fixed|sticky} は、CSS の position を指定します。

Sample
Code
<div class="position-relative bg-primary"
    style="top:30px; left:30px; height:30px; width:30px;">
</div>

スティッキー

.sticky-top は、CSS の position: sticky を用いて、スクロール時にブラウザの上部に張り付くコンテンツを表示します。IE10 や IE11 ではサポートされていません。

Code
<div class="sticky-top">...</div>
Copyright (C) 2015-2019 杜甫々
初版:2015年9月6日 最終更新:2019年1月13日
https://www.tohoho-web.com/bootstrap/position.html