回答編集履歴
3
修正
answer
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
(「.container」は`max-width: 1140px;`が指定されていたりします)
|
|
6
6
|
|
|
7
7
|
```CSS
|
|
8
|
+
/* 一時的に追加 */
|
|
8
9
|
.row {
|
|
9
10
|
background: #f00;
|
|
10
11
|
}
|
2
修正
answer
CHANGED
|
@@ -1,2 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
~~.colの内側に余白があるためではないかと思います。~~
|
|
2
|
-
|
|
2
|
+
.rowで`margin-left: -l5px;`と`margin-right: -l5px;`が指定されていますね..。
|
|
3
|
+
|
|
4
|
+
試しに以下を指定してみると、答えに近づくかもしれません。
|
|
5
|
+
(「.container」は`max-width: 1140px;`が指定されていたりします)
|
|
6
|
+
|
|
7
|
+
```CSS
|
|
8
|
+
.row {
|
|
9
|
+
background: #f00;
|
|
10
|
+
}
|
|
11
|
+
.container {
|
|
12
|
+
background: #ff0;
|
|
13
|
+
height: 100vh;
|
|
14
|
+
}
|
|
15
|
+
```
|
1
修正
answer
CHANGED
|
@@ -1,1 +1,2 @@
|
|
|
1
|
-
`.col`の内側に余白があるためではないかと思います。
|
|
1
|
+
`.col`の内側に余白があるためではないかと思います。
|
|
2
|
+
(Bootstrapの`.col-x`には`padding-left: 15px;`と`padding-right: 15px;`が指定されています)
|