タイル形式で整列するように反復レコードをフォーマットする

Question

レコードを1行に引っ張ったDBレコードを繰り返しました。タイルとして配置するにはどのようにフォーマットするのですか？つまり、最初に2番目が最初に配置され、 3番目は3番目の底部の1番目と4番目の底部にありますか？

@foreach($splitProcedure as $procedureSelected) 
           <TH>{!! $procedureSelected !!}</TH><TH>DESCRIPTION</TH> 
           <TR><TD><div><p>You have used <span class="css-button" id="counter2"></span> words.</p>{!! Form::textarea('productdescription', Input::old('productdescription'), ['class'=>'mid first-input-div', 'placeholder'=>'Please, within 200-250 characters describe what the company is about', 'id'=>'productdescription']) !!}</div></TD><TD></TD></TR> 
           <TR><TD><div>{!! Form::text('productname', Input::old('productname'), ['class'=>'mid first-input-div', 'placeholder'=>'enter company name', 'id'=>'productname']) !!}</div></TD><TD></TD></TR> 
           {!! Form::hidden('hiddenCompanyId', Input::old('selectedCompanyHiddenId'), ['id'=>'selectedCompanyHiddenId']) !!} 
           {!! Form::hidden('hiddenCompanyName', Input::old('selectedCompanyHidden'), ['id'=>'selectedCompanyHidden']) !!} 

           @endforeach 

Answer 1

私はあなたのようなフレームワークを使用することをお勧めします：：これを達成するために、ブートストラップや基礎またはDBレコードは、常にこれがコードである4

​​

になりますそのようなタイルを作成し、それにあなたのデータを追加するためにあなた自身のCSSを書いてください。 htmlテーブルを使うのではなく、データベースから来る行がタグに直接挿入されているのを見ればわかるように、設計するのが本当に難しいか不可能だと思うので、あなたが探しているフォーマットであらかじめ定義されたテーブルを持たないようにしてください。

好きな行と列のテーブルを作成し、データベースから各行を取得し、それらを適切な場所に挿入してハードコードすることで実現できます（これは悪い方法です。それがすべて破損したデータベースに1行を追加します）。

それともあなたがこれを行うことができます：

<div class="row"> 
@foreach 
    <div class="col-xs-12 col-md-6"> 
     //Your data here create a single tile with product name, company id, etc 
    </div> 
@endforeach 
</div> 

そして、foreachループは、各タイルに、各列のデータを挿入します。しかし、正しい結果を得るためには、フレームワークまたはCSSスキルが必要です。