Bootstrap Web tasarımcıların responsive tararımlar yapmak için en çok kullandığı CSS (sitil) kütüphanesidir. Bootstrap kütüphanesi sayesinde basit şeyler yapmak için boşa harcadığınız zaman artık size kalacak. HTML5 bilginiz kısıtlı olsa bile en çok kullanılan sitil - Class sınıflarını öğrenerek şık tasarıma sahip web siteleri tasarlayabileceksiniz üstelik projeleriniz çok kolay ve çabucak bitecek. Örneğin bloğumuz Bootstrap kullanılarak sıfırdan tasarlanmıştır. Bootstrap ile HTML sayfaları hazırlayabilirsiniz ancak veri gönderme alma sayfada script çalıştırma gibi işlemler için php, asp veya javascript gibi dilleride öğrenmeniz gerekmektedir. Kısaca Bootstrap sadece tasarım kısmıdır fonksiyon kısmı için tavsiye edeceğimiz dil PHP dir.
Bootstrap kullanarak tasarım yapabilmek için örnek şablonu kullanabilirsiniz.
<!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.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" 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.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
</body>
</html>
örnek şablonda Bootstrap kütüphanelerine ulaşan linkler mevcuttur dilerseniz sadece bu linkleri şuanki projenize de ekleyebilirsiniz.
CSS Linki: head etiketleri arasına eklenecektir.
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
JavaScript Linkleri: Sayfanın tamamı yüklendikten sonra çalışması için </body> etiketinin hemen üstüne eklenecektir.
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
İnternet Download Manager 6.38 B15
WinRAR v5.71
K-Lite Codec Pack Mega 14.9.9
Advanced SystemCare Pro 12.4.0.350
Adobe Photoshop CC 2019 20.0.4
Adobe Dreamweaver CC 2019 19.2.0
Revo Uninstaller Pro 4.1.0
Google Chrome Portable 75.0.3770.100
Mozilla Firefox Quantum Portable 66.0.4
DriverPack Son Sürüm indir
Hiç yorum yok:
Yorum Gönder
Yorumlar site yönetimi tarafından incelendikten sonra yayınlanmaktadır genel ahlaka aykırı kelimeler kullanmayınız.