Cara Mengatur Pada Kolom Terakhir Menggunakan Foundation

Posted on

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>

Leave a Reply

Your email address will not be published.