teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

3

修正

2020/03/30 11:33

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -22,6 +22,9 @@
22
22
  ```CSS
23
23
  .col-md-6,
24
24
  .col-lg-4 {
25
+ padding-top: 15px;
26
+ padding-bottom: 15px;
27
+
25
28
  /* col-xxxにmargin指定しているならコメントアウト */
26
29
  /* margin-right: 40px; */
27
30
 
@@ -29,10 +32,11 @@
29
32
  padding-left: 20px !important;
30
33
  padding-right: 20px !important;
31
34
  }
35
+ /* https://getbootstrap.com/docs/4.4/utilities/borders/ */
32
36
  .border {
33
- margin-top: 15px;
37
+ padding: 15px;
34
- margin-bottom: 15px;
38
+ height: 100%;
35
- border: 1px solid ボーダの色;
39
+ box-sizing: border-box;
36
40
  }
37
41
  ```
38
42
 

2

修正

2020/03/30 11:33

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -36,5 +36,5 @@
36
36
  }
37
37
  ```
38
38
 
39
- ↓こちらで、サンプルを用意したので、marginでなくpaddingの記述に切り替えてみてください。
39
+ ↓こちらで、サンプルを用意したので、marginをコメントアウトしてみてください。
40
40
  [https://codepen.io/new1ro/pen/OJVdjzr](https://codepen.io/new1ro/pen/OJVdjzr)

1

修正

2020/03/30 11:30

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -20,8 +20,8 @@
20
20
  </div>
21
21
  ```
22
22
  ```CSS
23
- col-md-6,
23
+ .col-md-6,
24
- col-lg-4 {
24
+ .col-lg-4 {
25
25
  /* col-xxxにmargin指定しているならコメントアウト */
26
26
  /* margin-right: 40px; */
27
27
 
@@ -34,4 +34,7 @@
34
34
  margin-bottom: 15px;
35
35
  border: 1px solid ボーダの色;
36
36
  }
37
- ```
37
+ ```
38
+
39
+ ↓こちらで、サンプルを用意したので、marginでなくpaddingの記述に切り替えてみてください。
40
+ [https://codepen.io/new1ro/pen/OJVdjzr](https://codepen.io/new1ro/pen/OJVdjzr)