回答編集履歴
1
回答に追記しました
answer
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
1
|
レスポンシブ対応は以下のキャプチャの通りかと思います。
|
|
2
2
|
.containerに対してメディアクエリが指定されています。
|
|
3
|
-
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
.rowを使用していないのはflexboxのバグが関係あるみたいです。
|
|
6
|
+
|
|
7
|
+
> Flexbug #12: Inline elements aren’t treated as flex items
|
|
8
|
+
>
|
|
9
|
+
> Internet Explorer 10-11 do not render inline elements like links or images (or ::before and ::after pseudo-elements) as flex items. The only workaround is to set a non-inline display value (e.g., block, inline-block, or flex). We suggest using .d-flex, one of our display utilities, as an easy fix.
|
|
10
|
+
>
|
|
11
|
+
> Source: Flexbugs on GitHub
|
|
12
|
+
|
|
13
|
+
IEではイメージなどのインライン要素はインライン以外の値を指定しないとflexアイテムとしてレンダリングされないようです。
|