回答編集履歴
1
修正
test
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
`Bootstrap 4`では、`navbar-expand-*`クラスでハンバーガーメニューの表示、非表示の設定が行われています。
|
|
6
6
|
|
|
7
|
-
`Bootstrap`にあるのは`navbar-expand-sm`, `navbar-expand-md`, `navbar-expand-lg`, `navbar-expand-xl`クラスのみで、質問者さんが実現したい`670px`以下というのは用意されていません([参考](https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints))。そこで、`navbar-expand-custom`クラスとして、`671px`以上でハンバーガーメニューを表示するような
|
|
7
|
+
`Bootstrap`にあるのは`navbar-expand-sm`, `navbar-expand-md`, `navbar-expand-lg`, `navbar-expand-xl`クラスのみで、質問者さんが実現したい`670px`以下というのは用意されていません([参考](https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints))。そこで、`navbar-expand-custom`クラスとして、`671px`以上でハンバーガーメニューを非表示にするようなCSSを用意します。
|
|
8
8
|
|
|
9
9
|
```CSS
|
|
10
10
|
|
|
@@ -32,8 +32,6 @@
|
|
|
32
32
|
|
|
33
33
|
display: flex !important;
|
|
34
34
|
|
|
35
|
-
|
|
36
|
-
|
|
37
35
|
flex-basis: auto;
|
|
38
36
|
|
|
39
37
|
}
|