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

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

最上部に固定（Fixed top）

最下部に固定（Fixed bottom）

最上部に達すると固定（Sticky top）

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