Bootstrap4でnav-barの表示をTwitterやInstagramのようにしたい

Question

現在Bootstrap4を使ってwebサイトを構築しているのですが、TwitterやInstagramのようなブラウザの横幅がある一定以上大きくなると、それ以上大きくなってもnav-barに表示されているメニューは動かない状態にしたいのですがどうすればよいでしょうか？

↓自分のサイトのnav-bar

↓Twitter、Instagramのnav-bar
![![]

Answer 1

max-widthを使えばどうですか？

/* ↓任意のセレクタ */
.container {
  max-width: 1190px;
}

確か、bootstrap では.containerクラスは、余白が自動で設定されていたはずです。

Comments

[studiokaiji]

無事サイズの変更ができました。ありがとうございました！