回答編集履歴
1
修正
answer
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
`<div class="mt-4 mb-4 card border-0 h-100">`の親要素の`<div class="col-md-4">`に、
|
|
2
|
-
上下の`padding`を指定すると上下の余白がな
|
|
2
|
+
上下の`padding`を指定すると上下の余白がなくつながってしまうという問題は解決しそうです。
|
|
3
3
|
|
|
4
4
|
```CSS
|
|
5
5
|
/* すべての「.col-md-4」に適用されてしまうので、できれば「.xxxx .col-md-4」などのCSSセレクタにしたい。 */
|
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
}
|
|
10
10
|
```
|
|
11
11
|
|
|
12
|
+
複数のカードのまとまりの、上下の余白が気になるなら該当箇所の`.row`に
|
|
13
|
+
`margin-top: -15px;`と`margin-bottom: -15px;`を指定すると余白が相殺されると思われます。
|
|
12
14
|
|
|
13
15
|
---
|
|
14
16
|
解説:
|