Günümüzde Bir Çok Yazılım İşiyle Uğraşan Arkadaşlarımızın Kullandıgı Bootstrap Gerek Profesyonelik Açısından Gerek responsive Açısından ( Tablet , Telefon ) Uyumlu Tasarım Yaparken Bıze En Çok Yararlı Olan Bootstrap Teknolojisidir.
Sürekli Css Yazmaya Gerek Duymadan Hazır Style Dosyalarınını Kendı Yapmıs Olduğumuz Siteye Bağlayarak Bootstrap Uzerınde Bulunan Bir Çok Hazır Kodları Kendı Web Sayfamızda Çalıştıra Biliriz.
Bootstrap 3 Ana Dosyadan Oluşur ;
Bootstrap.css
Web Sitemızın Şablonlarını Oluşturan Dosyadır.
Bootstrap.js
JavaScript Dosyalarını İçerir.
Glyphicons
İkon Kullanmak İçin Kullanılır.
Bootstrap Kullanma
HTML-Kodu
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<title>Hello, world!</title>
</head>
<body>
<h1>Hello, world!</h1>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html> Yukardakı Kodlarda Style Dosyaları Bootstrap ' n kendı Sunucusundan Çekıyor.Karekter Kodlaması Oto var , Mobil uyumlu Olması İçin '
viewport ' Hazır.