bootstrap4 flexで'wrap'されない

memo

タイトルのような環境にて開発している時に

                <div class="screen-shot d-flex flex-row flex-wrap">
                    <img src='/image/mac_screen_shot.png' class='screen-shot-mac'>
                    <img src='/image/iphone_screen_shot.png' class='screen-shot-iphone' >
                </div>

としていたら思っていた挙動になりませんでした。

これは

flex-row

flex-wrap

この相反する要素が競合していることが原因だと思います。

flex-rowを削除してやることでうまく動くことができました。