Laravel, html, css: cara menampilkan data horizontal (tidak pakai table)

Sekarang hasilnya begini

q
w
e
r
t
y
u
i

Maunya kaya gini

q w e
r t y
u i
@foreach ($kategori as $k)
    <div class="row justify-content-center">
        <div class="col-lg-4">
            <p id="link">
                <a class="text-dark me-2" href="#{{ $k->slug }}">
                    <code class="text-danger"><i class="fa-solid fa-chevron-down opacity-70"></i></code><span>&nbsp;{{ $k->kategori }}</span>
                </a>
            </p>
        </div>
    </div>
@endforeach
avatar taraniskai13
@taraniskai13

16 Kontribusi 15 Poin

Diperbarui 1 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

<div>Sudah ketemu gan, pakai method chunk.<br>https://laravel.com/docs/9.x/collections#method-chunk<br><br></div><pre>@foreach ($kategori-&gt;chunk(3) as $chunk) &lt;div <em>class</em>="row justify-content-center"&gt; @foreach ($chunk as $k) &lt;div <em>class</em>="col-lg-4"&gt; &lt;p <em>id</em>="link"&gt; &lt;a <em>class</em>="text-dark me-2" <em>href</em>="#{{ $k-&gt;slug }}"&gt; &lt;code <em>class</em>="text-danger"&gt;&lt;i <em>class</em>="fa-solid fa-chevron-down opacity-70"&gt;&lt;/i&gt;&lt;/code&gt;&lt;span&gt;&amp;nbsp;{{ $k-&gt;kategori }}&lt;/span&gt; &lt;/a&gt; &lt;/p&gt; &lt;/div&gt; @endforeach &lt;/div&gt; @endforeach</pre>

avatar taraniskai13
@taraniskai13

16 Kontribusi 15 Poin

Dipost 1 tahun yang lalu

Login untuk ikut Jawaban