Skrip Coding Untuk Menggunakan Kolom Tanpa Jarak (Collapse) Dari Aplikasi Foundation

 Kolom Tanpa Jarak (Collapse)

Jarak antar kolom dapat dihilangkan dengan menambah class .large-collapse, .medium-collapse dan .small-collapse pada tag div yang memiliki class .row. Pada layar besar, akan selalu mengikuti aturan pada ukuran layar di bawahnya. Untuk me-reset-nya, gunakan class .large-uncollapse.

Skrip collapsed-column.html

<div class="row small-collapse">

    <div class="columns small-4">

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

    </div>

    <div class="columns small-4">

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

    </div>

    <div class="columns small-4">

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

    </div>

</div>

<div class="row medium-collapse large-uncollapse">

    <div class="columns small-4">

        <div class="panel"> medium-collapse </div>

    </div>

    <div class="columns small-4">

        <div class="panel"> medium-collapse </div>

    </div> 

    <div class="columns small-4">

        <div class="panel"> medium-collapse </div>

    </div>

</div>

Artikel terkait: skrip untuk mengseser kolom (offset) di foundation!

Jika, baris kedua tetap memiliki jarak karena diberi class .large-uncollapse. Maka tidak diberi class ini, aturannya akan mengikuti layar medium.

Share :