Seperti Inilah Cara Mengatur Pada Kolom Terakhir Menggunakan Foundation

Mengatur Kolom Terakhir

Kalau kita perhatikan pada skrip-skrip sebelumnya, kolom terakhir akan selalu rata kanan, sehingga apabila baris tidak penuh (total kurang dari 12 grid), akan menyisakan ruang kosong di antara kolom terakhir dan kolom sebelumnya. Untuk mengatasi hal ini, kita tambahkan class .end pada kolom terakhir.

Skrip incomplete_row.html

<div class="row">

    <div class="columns small-3">

        <div class="panel"> small-3</div>

    </div>

    <div class="columns small-3">

        <div class="panel"> small-3</div>

    </div>

    <div class="columns small-3 end">

        <div class="panel"> small-3 dengan end</div>

    </div>

</div>

Share :