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