Bootstrap4で固定ヘッダーと固定フッターを利用する

レスポンシブでの固定ヘッダーや固定フッター、Bootstrap4では専用クラスを利用して簡単に実現できます。

最上部に固定(Fixed top)

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

最下部に固定(Fixed bottom)

<div class="fixed-bottom">...</div>

最上部に達すると固定(Sticky top)

スクロールした後、要素をビューポートの上部に端から端に配置。※すべてのブラウザで完全にサポートされていない。

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

 

 

コメント

タイトルとURLをコピーしました