回答編集履歴
2
修正
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
ハンバーガーメニュー開閉用のボタン(`button.navbar-toggler`)に付与されている属性として、`
|
|
1
|
+
ハンバーガーメニュー開閉用のボタン(`button.navbar-toggler`)に付与されている属性として、`date-toggle`, `date-target`属性がありますが、は正しくは`data-toggle`, `data-target`属性です。つまり、今回の問題の原因は、**付与する属性の名前を間違えていたこと**だと思います。これらの属性名を修正すると、コードは以下のようになります([動作確認用リンク](https://codepen.io/anon/pen/Lamaeo))。
|
|
2
2
|
```HTML
|
|
3
3
|
<!DOCTYPE html>
|
|
4
4
|
<html lang="ja">
|
1
修正
answer
CHANGED
|
@@ -21,9 +21,10 @@
|
|
|
21
21
|
<nav class="navbar navbar-expand-md navbar-light bg-light sticky-top">
|
|
22
22
|
<div class="container-fluid">
|
|
23
23
|
<a class="navbar-brand" href=""><img src="img/logo.png"></a>
|
|
24
|
+
<button class="navbar-toggler" type="button"
|
|
24
|
-
|
|
25
|
+
data-toggle="collapse" data-target="#navbarResponsive">
|
|
25
|
-
|
|
26
|
+
<span class="navbar-toggler-icon"></span>
|
|
26
|
-
</button>
|
|
27
|
+
</button>
|
|
27
28
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
28
29
|
<ul class="navbar-nav ml-auto">
|
|
29
30
|
<li class="nav-item active">
|
|
@@ -47,4 +48,5 @@
|
|
|
47
48
|
</nav>
|
|
48
49
|
</body>
|
|
49
50
|
|
|
50
|
-
</html>
|
|
51
|
+
</html>
|
|
52
|
+
```
|