twitter-bootstrap - Bootstrap - ブレークポイントのナビゲーション バーを変更しますか?

Question

この質問はすでにここで尋ねられましたが、これは Javascript のために機能しません。したがって、提供された回答では、CSS のみが変更され、JS は変更されていません。つまり、トグルが表示されていなくても、ナビゲーション バーのコンテンツは引き続き表示されます。解決策はありますか？

編集：

私の質問は、Bootstrap 4.xx でナビゲーション バーのブレークポイントを変更する方法です。

Answer 1

ネイティブ CSS で .navbar-expand-lg をオーバーライドします。

コード例は次のとおりです。

    @media (min-width: *desired break point here){
.navbar-expand-lg {
    -ms-flex-flow: row nowrap !important;
    flex-flow: row nowrap !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute !important;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none !important;
  }}