回答編集履歴

2

edit

2021/11/26 23:40

投稿

m.ts10806
m.ts10806

スコア80875

test CHANGED
@@ -3,3 +3,51 @@
3
3
  0. 本体CSSの読み込みはできていますか?
4
4
 
5
5
  0. BootStrap5は[jQuery依存がないバージョン](https://getbootstrap.jp/docs/5.0/getting-started/javascript/#jquery-%E3%81%AE%E5%88%A9%E7%94%A8)なので、別途jQueryプラグインや自身でjQueryで組まない限りはなくてもアプリケーション構築は可能です。
6
+
7
+
8
+
9
+ # 追記
10
+
11
+ 現在のHTMLが全てとしたら「ドロップダウンを出すためのトリガーとなる要素」がありません。
12
+
13
+ [Dropdowns](https://getbootstrap.com/docs/5.0/components/dropdowns/)
14
+
15
+ たとえばボタンとか
16
+
17
+
18
+
19
+ ※上記公式のサンプルコードからボタン部分だけをコピペしました。
20
+
21
+ ```html
22
+
23
+ <div class="dropdown">
24
+
25
+
26
+
27
+ <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
28
+
29
+ Dropdown button
30
+
31
+ </button>
32
+
33
+ <ul class="dropdown-menu">
34
+
35
+ <li><a class="dropdown-item" href="#">メニュー1</a></li>
36
+
37
+ <li><a class="dropdown-item" href="#">メニュー2</a></li>
38
+
39
+ <li><a class="dropdown-item" href="#">メニュー3</a></li>
40
+
41
+ <li><hr class="dropdown-divider"></li><!-- 横仕切り線 -->
42
+
43
+ <li><a class="dropdown-item" href="#">その他リンク</a></li>
44
+
45
+ </ul>
46
+
47
+ </div>
48
+
49
+
50
+
51
+
52
+
53
+ ```

1

edit

2021/11/26 23:40

投稿

m.ts10806
m.ts10806

スコア80875

test CHANGED
@@ -1,3 +1,5 @@
1
1
  0. [Bundle](https://getbootstrap.jp/docs/5.0/getting-started/introduction/#bundle)はpopper込みのBootStrap本体なので更に本体jsを読み込む必要はありません(むしろ機能バッティングが発生し得ます)。
2
2
 
3
+ 0. 本体CSSの読み込みはできていますか?
4
+
3
5
  0. BootStrap5は[jQuery依存がないバージョン](https://getbootstrap.jp/docs/5.0/getting-started/javascript/#jquery-%E3%81%AE%E5%88%A9%E7%94%A8)なので、別途jQueryプラグインや自身でjQueryで組まない限りはなくてもアプリケーション構築は可能です。