Skip to main content

Bootstrap Kütüphanelerini Dahil Etmek

Bootstrap Kütüphanelerini Dahil Etmek ve Bootstrap Nedir? başlıkları ile Bootstrap eğitiminde ilk dersimize başlayacağız. Bootstrap Twitter tarafından geliştirilen bir CSS framewok’üdür. Bootstrap ile front end developer’ların işleri biraz daha kolaylaşmış oldu. Bootstrap kütüphanesi olmadan önce kendi kütüphanlerimizi oluşturmamız gerekiyordu. Ancak artık Bootstrap’in gelişmiş kütüphanesini üzerinde düzenlemelerde sağlayarak yani özelleştirerek kullanabiliriz. Bootstrap’in en güzel yanı responsive tabanlı olmasıdır. Yani telefon, tablet, laptop gibi farklı aygıtlarda görünüm bozulmaz ve o aygıta göre tasarım kendini düzenli bir hale getirir. Böylece profesyonel sistemler hazırlayabilirsiniz.  Bootstrap kullanmaya başlayabilmemiz için öncelikle bir HTML sayfası oluşturmamız gerekmektedir.  Kodlarımızı “Dreamweaver” programı üzerinden gerçekleştireceğiz.

    • Html sayfası oluşturmak için File > New > Blank Page > HTML yollarını izlenir ve “Create” butonuna tıklanılır.
    • Açılan HTML sayfasına Bootstrap kütüphanesini dahil etmemiz gerekmektedir. Bunun için iki yol mevcuttur. Bootstrap kütüphanelerini kendi sunucumuza indirebilir, sunucumuzdan dahil edebiliriz veya Bootstrap sunucularından dahil edebiliriz.

Bootstrap kütüphanesini dahil etmek için kullandığımız kodlar tagları arasına yazılır. Bootstrap kütüphanesini indirmek ve bilgi almak için tıklayınız.

 

// Kendi Sunucumuzdan Dahil Etmek İçin
<link rel="stylesheet" href="css/bootstrap.min.css" media="all" />
<link rel="stylesheet" href="css/bootstrap-theme.min.css" />
<script src="js/bootstrap.min.js"></script>
// Bootstrap Sunucularından Dahil Etmek İçin
<!-- En son derlenmiş ve minimize edilmiş CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Opsiyonel tema -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<!-- En son derlenmiş ve minimize edilmiş JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

İki yöntem arasındaki fark birinde bootstrap kütüphanelerini indirerek projemizin içine yükleriz ve kendi sunucumuzdan çağırırız diğerinde ise hiçbir indirme işlemi yapmadan Bootstrap sunucuları üzerinden kütüphaneleri çekmiş oluruz. Biz oluşturacağımız projelerde genellikle Bootstrap sunucuları üzerinden çekeceğiz. Kodlarımızı yazdıktan sonra Bootstrap Kütüphanelerini başarıyla dahil etmiş olduk.

Like
Like Love Haha Wow Sad Angry
Buda İlginizi Çekebilir ?  CSS Kullanımı

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.