質問編集履歴
7
質問文の訂正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
削除ボタンを
|
|
1
|
+
削除ボタンをBootstrap5（ベータ版）で装飾（スタイル変更）したい
|
body
CHANGED
|
@@ -8,6 +8,9 @@
|
|
|
8
8
|
|
|
9
9
|
色々と試したのですが変更しないので、分かる方いましたらご教授お願いします。
|
|
10
10
|
|
|
11
|
+
**＊使用しているのは、Bootstrap5のベータ版になります**
|
|
12
|
+
|
|
13
|
+
|
|
11
14
|
```ここに言語を入力
|
|
12
15
|
<div class="card">
|
|
13
16
|
<ul class="list-group list-group-flush">
|
6
質問文の訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -24,4 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
</ul>
|
|
26
26
|
</div>
|
|
27
|
-
```
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
**参考画像↓**
|
|
30
|
+
|
5
質問文の訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -13,13 +13,15 @@
|
|
|
13
13
|
<ul class="list-group list-group-flush">
|
|
14
14
|
<li class="list-group-item d-grid gap-2"><a class="btn btn-light btn-sm" href="/posts/{{ $post->id }}" type="button">詳細を表示</a></li>
|
|
15
15
|
<li class="list-group-item d-grid gap-2"><a class="btn btn-light btn-sm" href="/posts/{{ $post->id }}/edit" type="button">編集する</a></li>
|
|
16
|
+
|
|
16
|
-
<li class="list-group-item d-grid gap-2">
|
|
17
|
+
<li class="list-group-item d-grid gap-2"> ←この部分です
|
|
17
18
|
<form action="/posts/{{ $post->id }}" method="post">
|
|
18
19
|
{{ csrf_field() }}
|
|
19
20
|
<input type="hidden" name="_method" value="delete">
|
|
20
21
|
<input type="submit" class="btn btn-danger btn-sm" name="" value="削除する">
|
|
21
22
|
</form>
|
|
22
23
|
</li>
|
|
24
|
+
|
|
23
25
|
</ul>
|
|
24
26
|
</div>
|
|
25
27
|
```
|
4
質問文の訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -19,7 +19,6 @@
|
|
|
19
19
|
<input type="hidden" name="_method" value="delete">
|
|
20
20
|
<input type="submit" class="btn btn-danger btn-sm" name="" value="削除する">
|
|
21
21
|
</form>
|
|
22
|
-
<!-- {{-- <a href="{{ route('posts.destroy') }} id={{ $posts->id }}">削除する</a> --}} -->
|
|
23
22
|
</li>
|
|
24
23
|
</ul>
|
|
25
24
|
</div>
|
3
質問文の訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,10 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
「**詳細を表示**」ボタンと「**編集する**」ボタンについてはスタイルが反映されていますが、「**削除する**」ボタンのところだけなぜか反映されません（削除なので`Form`タグを設定しています）。
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
＊反映させたいのは、`<li class="list-group-item d-grid gap-2">`の中の`d-grid gap-2`になります。
|
|
8
|
-
）
|
|
9
8
|
|
|
10
|
-
分かる方いましたらご教授お願いします。
|
|
9
|
+
色々と試したのですが変更しないので、分かる方いましたらご教授お願いします。
|
|
11
10
|
|
|
12
11
|
```ここに言語を入力
|
|
13
12
|
<div class="card">
|
2
質問文の訂正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
削除ボタンをBootstrapでスタイル変更したい
|
|
1
|
+
削除ボタンをBootstrapで装飾（スタイル変更）したい
|
body
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
質問お願いします。
|
|
2
2
|
|
|
3
|
-
現在日記アプリを作っていて、ボタンの部分を`Bootstrap`でスタイル変更したいと考えています。
|
|
3
|
+
現在`Laravel`で日記アプリを作っていて、ボタンの部分を`Bootstrap`でスタイル変更したいと考えています。
|
|
4
4
|
|
|
5
5
|
「**詳細を表示**」ボタンと「**編集する**」ボタンについてはスタイルが反映されていますが、「**削除する**」ボタンのところだけなぜか反映されません（削除なので`Form`タグを設定しています）。
|
|
6
6
|
|
1
質問文の訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
現在日記アプリを作っていて、ボタンの部分を`Bootstrap`でスタイル変更したいと考えています。
|
|
4
4
|
|
|
5
|
-
反映させたいのは、`<li class="list-group-item d-grid gap-2">`の中の`d-grid gap-2`になります。
|
|
6
|
-
|
|
7
5
|
「**詳細を表示**」ボタンと「**編集する**」ボタンについてはスタイルが反映されていますが、「**削除する**」ボタンのところだけなぜか反映されません（削除なので`Form`タグを設定しています）。
|
|
8
6
|
|
|
7
|
+
（反映させたいのは、`<li class="list-group-item d-grid gap-2">`の中の`d-grid gap-2`になります。
|
|
8
|
+
）
|
|
9
|
+
|
|
9
10
|
分かる方いましたらご教授お願いします。
|
|
10
11
|
|
|
11
12
|
```ここに言語を入力
|