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

回答編集履歴

3

修正

2020/06/14 11:27

投稿

new1ro
new1ro

スコア4528

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

修正

2020/06/14 11:27

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -1,2 +1,15 @@
1
- `.col`の内側に余白があるためではないかと思います。
1
+ ~~.colの内側に余白があるためではないかと思います。~~
2
- (Bootstrapの`.col-x`には`padding-left: 15px;`と`padding-right: 15px;`が指定されています)
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

修正

2020/06/14 11:24

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -1,1 +1,2 @@
1
- `.col`の内側に余白があるためではないかと思います。
1
+ `.col`の内側に余白があるためではないかと思います。
2
+ (Bootstrapの`.col-x`には`padding-left: 15px;`と`padding-right: 15px;`が指定されています)