Web Sayfasına Bootstrap 4 Ekleme – Tasarım Kodlama
Bootstrap

Web Sayfasına Bootstrap 4 Ekleme

Responsive tasarımlar yapmak için sitenizde Bootstrap 4 kullanmak istiyorsanız projenize bazı css ve js dosyalarını eklemeniz gerekiyor. Projenize Bootstrap 4 kodlarını dahil etmenin iki yolu bulunmaktadır.

1.Yöntem:

Bu yöntemde gerekli dosyaların indirilerek projeye dahil edilmesi (Local olarak Ekleme)  gerekiyor.

Bunun için aşağıdaki linklerden gerekli dosyaların indirilmesi gerekmektedir.

Toplu halde indirmek isterseniz burada mevcuttur.

 

 

Download butonuna tıkladığınız zaman bootstrap-4.4.1-dist.zip dosyası inecektir. Bu sıkıştırılmış dosyanın içinden bize lazım olan bootstrap.min.css ve bootstrap.min.js dosyalarını alıyoruz.

Daha sonra Jquery sayfasına https://jquery.com/download/  girerek jquery-3.4.1.min.js dosyasını indiriyoruz.

Son olarak https://github.com/popperjs/popper.js#installation adresinden  popper.min.js dosyasını indiriyoruz.

 

Web sitemize bu dosyaları alttaki gibi dahil ediyoruz.

 

2. Yöntem :

Bu yöntemde dosyalarımızı CDN olarak alıyoruz. Bu yöntem benim tercih ettiğim yöntemdir. Dezavantajı ise internetsiz bir ortamda Bootstrap kullanarak bir web sitesi tasarlamak istediğinizde çalışmayacaktır. Böyle bir durumda 1. Yöntemde anlatıldığı gibi gerekli dosyaları local olarak sitenize eklemeniz gerekecektir.

Şimdi CDN olarak nasıl ekleyebiliriz buna bakalım. Bu işlem oldukça basittir.

*** Sadece aşağıdaki kodları kopyalayıp sayfanıza yapıştırmanız yeterlidir :). ***

 

Bu kodlar Bootstrap sitesinde de mevcuttur.

Dilerseniz aşağıdaki linktende ulaşabilirsiniz.

Bootstrap CDN

 

Yorum bırak