回答編集履歴
2
修正
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
ハンバーガーメニュー開閉用のボタン(`button.navbar-toggler`)に付与されている属性として、`dat
|
|
1
|
+
ハンバーガーメニュー開閉用のボタン(`button.navbar-toggler`)に付与されている属性として、`date-toggle`, `date-target`属性がありますが、は正しくは`data-toggle`, `data-target`属性です。つまり、今回の問題の原因は、**付与する属性の名前を間違えていたこと**だと思います。これらの属性名を修正すると、コードは以下のようになります([動作確認用リンク](https://codepen.io/anon/pen/Lamaeo))。
|
|
2
2
|
|
|
3
3
|
```HTML
|
|
4
4
|
|
1
修正
test
CHANGED
|
@@ -44,11 +44,13 @@
|
|
|
44
44
|
|
|
45
45
|
<a class="navbar-brand" href=""><img src="img/logo.png"></a>
|
|
46
46
|
|
|
47
|
-
<button class="navbar-toggler" type="button"
|
|
47
|
+
<button class="navbar-toggler" type="button"
|
|
48
48
|
|
|
49
|
-
|
|
49
|
+
data-toggle="collapse" data-target="#navbarResponsive">
|
|
50
50
|
|
|
51
|
+
<span class="navbar-toggler-icon"></span>
|
|
52
|
+
|
|
51
|
-
</button>
|
|
53
|
+
</button>
|
|
52
54
|
|
|
53
55
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
54
56
|
|
|
@@ -96,4 +98,6 @@
|
|
|
96
98
|
|
|
97
99
|
|
|
98
100
|
|
|
99
|
-
</html>
|
|
101
|
+
</html>
|
|
102
|
+
|
|
103
|
+
```
|