Foundation adalah salah satu framework CSS yang digunakan untuk membangun sebuah website yang responsive dengan cepat. Kamu bisa menggunakan framework ini sebagai alternatif bootstrap.
Pada artikel kali ini, kamu bisa mengenal lebih banyak tentang framework Foundation dengan fitur dan tampilan yang menarik.
Instalasi
Untuk mendownload framework Foundation, kamu bisa mengunjungi situs resminya Foundation CSS.Versi terbaru saat artikel ini ditulis adalah versi 6.
Pengaturan CSS
Setelah selesai mendownload Foundation CSS kamu akan mendapatkan paket .Zip yang berisi beberapa file CSS dan Javascript. Dibawah ini adalah fungsi masing – masing file nya.
- foundation.css : File utama CSS Foundation disimpan disini. Kamu bisa melihat dan mencari komponen CSSnya disini.
- foundation.min.css : Sama seperti foundation.css, bedanya isinya tidak terlalu lengkap seperti file aslinya.
- normalize.css : Kalo ada pengaturan web yang tidak sesuai, kamu bisa merubahnya di file ini.
- foundation.min.js : Merupakan komponen pendukung javascript. Disarankan untuk menyimpannya dibagian akhir sebelum penutup body ( </body> )