質問編集履歴
2
変更致しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -14,9 +14,9 @@
|
|
14
14
|
|
15
15
|
|
16
16
|
|
17
|
-
|
17
|
+
白いnavではクリックしても何故かこのようなドロップダウンを表示することができません。何かが表示を邪魔しているのでしょうか?
|
18
18
|
|
19
|
-
|
19
|
+
navbarのsettingsの部分を丸コピしただけなのですが、、、下の白いnavbarは以下のようなコードとしております。
|
20
20
|
|
21
21
|
|
22
22
|
|
@@ -26,19 +26,23 @@
|
|
26
26
|
|
27
27
|
<nav class="nav nav-underline">
|
28
28
|
|
29
|
-
<a class="nav-link active" href="#">
|
29
|
+
<a class="nav-link active" href="#">Swipe</a>
|
30
30
|
|
31
|
-
|
31
|
+
<li class="nav-item dropdown">
|
32
32
|
|
33
|
-
|
33
|
+
<a class="nav-link dropdown-toggle" href="https://example.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Settings</a>
|
34
34
|
|
35
|
-
<
|
35
|
+
<div class="dropdown-menu" aria-labelledby="dropdown01">
|
36
36
|
|
37
|
-
</a>
|
37
|
+
<a class="dropdown-item" href="#">Action</a>
|
38
38
|
|
39
|
-
<a class="n
|
39
|
+
<a class="dropdown-item" href="#">Another action</a>
|
40
40
|
|
41
|
-
<a class="n
|
41
|
+
<a class="dropdown-item" href="#">Something else here</a>
|
42
|
+
|
43
|
+
</div>
|
44
|
+
|
45
|
+
</li>
|
42
46
|
|
43
47
|
<!--中略 -->
|
44
48
|
|
1
分かりやすく変更
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,3 +1,7 @@
|
|
1
|
+
bootstrap:4.1
|
2
|
+
|
3
|
+
|
4
|
+
|
1
5
|
[Bootstrap参考サイト](https://getbootstrap.com/docs/4.1/examples/offcanvas/)
|
2
6
|
|
3
7
|
こちらのBootstrap公式サイトのサンプルが気に入ったため、ボディ以下のソースコードをコピペし少し改変させたいと思いました。
|
@@ -110,6 +114,6 @@
|
|
110
114
|
|
111
115
|
|
112
116
|
|
113
|
-
色々試してみたのですが上手くいきません。。。白いnavbarにdropdownやツリーを表示する方法を知りたいです。
|
117
|
+
色々クラスをいじって試してみたのですが上手くいきません。。。何の違いでクリックしてもドロップダウンリストを表示できないのでしょうか白いnavbarにdropdownやツリーを表示する方法を知りたいです。
|
114
118
|
|
115
119
|
宜しくお願い致します。
|