「HTML」ユーザー一覧画面の体裁を整えたい

Question

前提・実現したいこと

ユーザー一覧画面を作成したい

名前　メールアドレス　名前　メールアドレス
A　　　[e-mail] b [e-mail]
C　　　[e-mail] d [e-mail]

レスポンシブ時には
名前　メールアドレス
A　　　[e-mail]
B　　　[e-mail]
C　　　[e-mail]
D　　　[e-mail]

としたい。
名前などのデータはまた別のところから参照している。

該当のソースコード

<div class="container"> <div class="card-body bg-white"> <div class="row"> <div class="col-md-6"> <div class="row"> <div class="col-4"> 名前 </div> <div class="col-8"> メールアドレス </div> </div> </div> <div class="col-md-6"> <div class="row"> <div class="col-4"> 名前 </div> <div class="col-8"> メールアドレス </div> </div> </div> </div> <div class="row"> <tr class="col-md-6"> @foreach($users as $user) <td><a href="{{ route('adm.users.edit', $user) }}">{{ $user->name }}</a> </td> <td>{{ $user->email }}</td> @endforeach </tr> </div> </div> </div>

試したこと

名前とメールアドレス２セットべた書きに対して、foreachを1つだけを使うのでうまいこといかない。
even,oddで区別しようにも、レスポンシブ時に困ってしまう。

補足情報（FW/ツールのバージョンなど）

Comments

[m.ts10806]

larabel　というのはPHP界隈にはないし、
もしLaravelであったとしてもWP関数が使えないのはWordPress入れてないと使えないのは当然なので「wp関数は使えません」の前提が意味分かりませんし、それとbootstrapは関係ないし・・・。
「体裁を整えたい」なら本質的にはPHP関係ないです。

できるアドバイスも
「問題切り分けのためにまず静的HTMLで組んでからどうぞ。」くらいになります。

[yorunosarasu]

訂正しました。変なことを書いていて申し訳ないです。まだ新参者なので大目に見ていただけると幸いです。更新後だといかがですか？

[m.ts10806]

問題切り分けのためにまず静的HTMLで組んでからどうぞ。
いわゆるモックというやつです。いきなりプログラム組むのは無理があります。完成図がない状態で手探りは時間を浪費するだけです。

[yorunosarasu]

静的にやる大切さわかりました。できました！ありがとうございました。

Answer 1

静的なhtmlを書いてから動的も考える。