Skip to content Skip to sidebar Skip to footer

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.

Post a Comment for "Skrip Coding Untuk Menggunakan Kolom Tanpa Jarak (Collapse) Dari Aplikasi Foundation"

RajaBackLink.com