回答編集履歴

3

修正

2020/03/30 11:33

投稿

new1ro
new1ro

スコア4528

test CHANGED
@@ -46,6 +46,12 @@
46
46
 
47
47
  .col-lg-4 {
48
48
 
49
+ padding-top: 15px;
50
+
51
+ padding-bottom: 15px;
52
+
53
+
54
+
49
55
  /* col-xxxにmargin指定しているならコメントアウト */
50
56
 
51
57
  /* margin-right: 40px; */
@@ -60,13 +66,15 @@
60
66
 
61
67
  }
62
68
 
69
+ /* https://getbootstrap.com/docs/4.4/utilities/borders/ */
70
+
63
71
  .border {
64
72
 
65
- margin-top: 15px;
73
+ padding: 15px;
66
74
 
67
- margin-bottom: 15px;
75
+ height: 100%;
68
76
 
69
- border: 1px solid ボーダの色;
77
+ box-sizing: border-box;
70
78
 
71
79
  }
72
80
 

2

修正

2020/03/30 11:33

投稿

new1ro
new1ro

スコア4528

test CHANGED
@@ -74,6 +74,6 @@
74
74
 
75
75
 
76
76
 
77
- ↓こちらで、サンプルを用意したので、marginでなくpaddingの記述に切り替えてみてください。
77
+ ↓こちらで、サンプルを用意したので、marginをコメントアウトしてみてください。
78
78
 
79
79
  [https://codepen.io/new1ro/pen/OJVdjzr](https://codepen.io/new1ro/pen/OJVdjzr)

1

修正

2020/03/30 11:30

投稿

new1ro
new1ro

スコア4528

test CHANGED
@@ -42,9 +42,9 @@
42
42
 
43
43
  ```CSS
44
44
 
45
- col-md-6,
45
+ .col-md-6,
46
46
 
47
- col-lg-4 {
47
+ .col-lg-4 {
48
48
 
49
49
  /* col-xxxにmargin指定しているならコメントアウト */
50
50
 
@@ -71,3 +71,9 @@
71
71
  }
72
72
 
73
73
  ```
74
+
75
+
76
+
77
+ ↓こちらで、サンプルを用意したので、marginでなくpaddingの記述に切り替えてみてください。
78
+
79
+ [https://codepen.io/new1ro/pen/OJVdjzr](https://codepen.io/new1ro/pen/OJVdjzr)