p-4

bootstrap5.css

.p-4 {
  padding: 1.5rem !important;
}

html bootstrap5 Sample

外部コンテンツの表示／非表示：navbar-togglerとnavbar-toggler-icon

折り畳みコンテンツ

ナビゲーションバーブランド経由で切り替え可

  <div class="collapse" id="navbarToggleExternalContent">
    <div class="bg-dark p-4">
      <h4 class="text-white">折り畳みコンテンツ</h4>
      <span class="text-muted">ナビゲーションバーブランド経由で切り替え可</span>
    </div>
  </div>
  <nav class="navbar navbar-dark bg-dark">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent"
      aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="ナビゲーション切替">
      <span class="navbar-toggler-icon"></span>
    </button>
  </nav>