Bootstrap 3 ile Bootstrap 4'ün Arasındaki Fark - Dizin, Kripto Para, Oyun, Mobil

Bootstrap 3 ile Bootstrap 4'ün Arasındaki Fark

Gönderen: Kaan   Tarih: 2018-08-09 09:14 Kategori: Php-Html5-Css-jQuery-Mysql | Okundu: 148 Onay sırasına at Düzenle Kopyası

Bootstrap 3 ile Bootstrap 4'ün Farkları

BootStrap 4 versiyonu, daha hızlı çalışma ve daha fazla esneklik sunma iddiası ile yayınlandı. En çok kullanılan tarayıcıların son versiyonlarında sorunsuz olarak çalışmakla birlikte Internet Explorer 9 ve daha önceki sürümlerde desteklenmemektedir.

Eğer sayfalarınızın bu tarayıcı versiyonlarında da düzgün görünmesi şart ise BootStrap 3 versiyonunu kullanmanız daha uygun olacaktır. 3 versiyonu da hala geliştirilmekte ve destek sunulmakta olup, en kararlı çalışan versiyondur. Sadece yeni özellikler bu versiyona eklenmemektedir.

Bootstrap Kullanmak için Yapılması Gerekenler

Yapmanız gereken tek şey hazır şablon ve kütüphaneleri içeren üç belgeyi web sayfalarınıza bağlamaktır.

  1. Dilerseniz bu dosyaların en son sürümlerini getbootstrap.com adresinden indirerek kendi sitenize yerleştirebilirsiniz.
  2. Ya da CDN üzerinden bağlantı sağlayabilirsiniz:
<!—En son yayınlanan ve minimize edilmiş CSS dosyası -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<!-- jQuery kütüphanesi -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

<!—En son yayınlanan JavaScript dosyası -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

İkinci yöntemi kullanmanın bir avantajı şu olacaktır. Kullanıcılar bu dosyaları kullanan farklı web sitelerini gezdiklerinde bu dosyalar o kullanıcının tarayıcısı tarafından önbelleğe alınacaktır. Bu durumda sizin sitenizin yüklenmesi de daha hızlı olacaktır.

Yukarıdan da anlayacağınız üzere Bootstrap Javascript eklentileri için JQuery kullanmaktadır. JQuery kullanımı modal gibi bazı sınıflar için gereklidir. Eğer bu sınıfları kullanmayacaksak JQuery bağlantısını yapmayabilir ve sadece Css sınıflarını kullanabiliriz.

Gerekli meta etiketleri de eklendikten sonra Bootstrap kullanmak için gereken en temel kodlar şu şekildedir.

<!DOCTYPE html>
<html>
<head>
  <title>Bootstrap Örneği</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
İçeriğiniz.
</body>
</html>

Bundan sonra ister kendi oluşturduğunuz nesneleri, ister hazır Bootstrap nesnelerini kullanarak sayfalarınızı oluşturabilirsiniz. Hangi bootstrap class'ının ne işe yaradığını öğrenmeniz hiç de zor olmayacaktır. 



Yorumlar: