とほほのBootstrap 4入門

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

ポジション

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

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

スティッキー

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

<div class="sticky-top">...</div>