Foundation 6 Nedir ve Nasıl Kullanılır ?

Foundation 6 Nedir ve Nasıl Kullanılır ?

CSS yazmamızı kolaylaştırmak için geliştirilmiş ve kullanabileceğimiz Boostrap, Bulma, Materialize CSS, Semantic UI ve Tailwind CSS gibi birçok CSS Framework’ü vardır. Foundation 6 da bu CSS frameworklerden biridir.

Foundation 6 Kullanımı

Foundation 6 kullanmak için Bootstrap’da da olduğu gibi Foundation 6’ya ait CSS ve JS dosyaları HTML dosyamız içinde tanıtılır.

Foundation 6 yüklemek için npm, bower ve yarn gibi paket yönetim sistemlerini kullanabiliriz.

npm i foundation-sites

pnpm install foundation-sites

yarn add foundation-sites

bower install foundation-sites

gem install foundation-rails

meteor add zurb:foundation-sites

php composer.phar require zurb/foundation

Foundation 6 Git ile Kurulum

Aşağıdaki işlemleri takip ederek Foundation 6 kullanmaya kolaylıkla başlayabiliriz. Git ile ilk olarak varsayılan/başlangıç teması klonlanır. Daha sonra oluşturduğumuz projeye giderek npm install ile paketleri yükleriz. En son olarakta npm start ile projemizi başlatabiliriz.

git clone https://github.com/zurb/foundation-sites-template projem

cd projem

npm install

npm start
610 Views
41882cookie-checkFoundation 6 Nedir ve Nasıl Kullanılır ?

Leave a Reply

Your email address will not be published. Required fields are marked *