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