Membuat Kolom Bersarang dari Foundation Menggunakan Skrip Nested Column

Kolom Bersarang (Nested)

Kita dapat membagi sebuah kolom menjadi beberapa kolom lagi dengan menambah tag dengan class .row di dalam tag yang memiliki class .columns

Skrip nested_column.html

<div class="row">

    <div class="columns large-8">

        <div class="panel"> large-8

            <div class="row">

                <div class="columns large-6">

                    <div class="panel" large-6</div>

                </div>

                <div class="columns large-6">

                    <div class="panel"> large-6</div>

                </div>

            </div>

        </div>

    </div>

    <div class="columns large-4">

        <div class="panel"> large-4 </div>

    </div>

</div>

Share :