回答編集履歴
1
修正
answer
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
Bootstrapの```.col```は親要素に```.row```を指定すればうまく表示されます。
|
|
2
|
-
|
|
2
|
+
特定の範囲で余白が不必要な場合はx_xさんが書かれているようにmax-widthを解除すれば大丈夫ですね。
|
|
3
3
|
```html
|
|
4
4
|
<div class="container">
|
|
5
5
|
<div class="row" id="description">
|
|
@@ -20,13 +20,23 @@
|
|
|
20
20
|
<h5 class="pb-2">忘れられない旅</h5>
|
|
21
21
|
<p class="text-muted">お家は100万件以上あるので、ずっと住みたいと憧れていた街の暮らしも叶います。</p>
|
|
22
22
|
</div>
|
|
23
|
-
</div><!--
|
|
23
|
+
</div><!-- /.row -->
|
|
24
24
|
</div>
|
|
25
25
|
</div>
|
|
26
|
-
<div class="
|
|
26
|
+
<div class="description2 text-light text-center"><!-- .containerを削除 -->
|
|
27
|
+
<div class="container"><!-- ここに.containerを追加 -->
|
|
27
|
-
|
|
28
|
+
<img src="img/PIcon.png" alt="box" class="pt-5 pb-4">
|
|
28
|
-
|
|
29
|
+
<h2 class="font-weight-bold pb-2">ギフトカードをもらったら...</h2>
|
|
29
|
-
|
|
30
|
+
<h5 class="text-light">ログインあるいは利用登録してギフトを登録するだけです。あとは使い途をゆっくり考えましょう。</h5>
|
|
31
|
+
</div><!-- /.container -->
|
|
30
32
|
</div>
|
|
31
33
|
|
|
34
|
+
```
|
|
35
|
+
```css
|
|
36
|
+
@media screen and (max-width: 768px) {
|
|
37
|
+
/* 以下を追加 */
|
|
38
|
+
.container {
|
|
39
|
+
max-width: none;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
32
42
|
```
|