回答編集履歴
2
(コメントを受けて)追記
answer
CHANGED
|
@@ -2,4 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
あと、せっかく`container-fluid`を使っても、その中に`container`があるので、幅が思ったように伸びないんだと思います。
|
|
4
4
|
|
|
5
|
-
どちらもBootstrapのCSSクラスです。幅を段階的に伸び縮みさせたいときは`container`を使い、小刻みに伸び縮みさせたいときは`container-fluid`を使う、って感じで使い分けましょう。
|
|
5
|
+
どちらもBootstrapのCSSクラスです。幅を段階的に伸び縮みさせたいときは`container`を使い、小刻みに伸び縮みさせたいときは`container-fluid`を使う、って感じで使い分けましょう。
|
|
6
|
+
|
|
7
|
+
---
|
|
8
|
+
**(コメントを受けて)追記**
|
|
9
|
+
|
|
10
|
+
`.container`に`width: 90%!important;`を設定してるのに、期待より狭くなってしまうのは、Bootstrapが`.container`に対して`max-width`を設定しているせいだと思います(例えば、lgサイズの場合、`max-width:960px`)。
|
|
11
|
+
[https://getbootstrap.com/docs/4.0/layout/grid/#grid-options](https://getbootstrap.com/docs/4.0/layout/grid/#grid-options)
|
|
12
|
+
|
|
13
|
+
これに勝つには、`max-width:none !important;`などと指定すれば良さそうですが、そうなると、何のために`container`クラスを使うのか分からなくなってきますね。`width`をパーセント指定して、`max-width`なし、というのは、もはや`container-fluid`に近いので。
|
1
語尾を訂正
answer
CHANGED
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
|
|
3
3
|
あと、せっかく`container-fluid`を使っても、その中に`container`があるので、幅が思ったように伸びないんだと思います。
|
|
4
4
|
|
|
5
|
-
どちらもBootstrapのCSSクラスです。幅を段階的に伸び縮みさせたいときは`container`を使い、小刻みに伸び縮みさせたいときは`container-fluid`を使う、って感じで。
|
|
5
|
+
どちらもBootstrapのCSSクラスです。幅を段階的に伸び縮みさせたいときは`container`を使い、小刻みに伸び縮みさせたいときは`container-fluid`を使う、って感じで使い分けましょう。
|