PHP で記述されたコードを使用して、要素のチェッカーボード パターン表示を実装します。

Question

php 側から要素を次のように表示します。

リーリー

HTMLページでは次のようになります

リーリー リーリー

col-6 を交互に交換して、ページ上の要素が次のように市松模様で表示されるようにすることはできますか?

リーリー リーリー

Answer 1

ブートストラップが display:flex に切り替わったため、純粋な最新の CSS を使用してこの効果を実現できます:

リーリー

HTML を変更する必要はありません。