Bootstrap Starter Template kurmak için aşağıdaki adımları takip edebilirsiniz:
1. Bootstrap Dosyalarını İndirin
Bootstrap'ın en güncel sürümünü Bootstrap resmi web sitesinden indirebilirsiniz. İki ana seçenek vardır:
- CSS ve JS Dosyaları: İndirip kendi projelerinizde kullanabilirsiniz.
- CDN Kullanmak: Bootstrap dosyalarını yerel olarak indirmek yerine bir içerik dağıtım ağı (CDN) üzerinden yükleyebilirsiniz.
2. Proje Dosyalarını Oluşturun
Bir klasör oluşturun ve içinde gerekli dosyaları (HTML, CSS, JS) oluşturun. Örnek olarak:
/bootstrap-starter ├── index.html ├── css/ ├── js/
3. HTML Dosyasını Oluşturun
index.html dosyasını aşağıdaki gibi oluşturabilirsiniz:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap Starter Template</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h1 class="mt-5">Hoş Geldiniz!</h1>
<p>Bu, Bootstrap ile oluşturulmuş bir başlangıç şablonudur.</p>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
4. CSS ve JS Dosyalarını Bağlayın
Yukarıdaki örnekte CDN kullanarak Bootstrap'ın CSS ve JS dosyalarını dahil ettik. Eğer indirdiyseniz, bu dosyaları yerel olarak da bağlayabilirsiniz.
5. Projeyi Tarayıcıda Açın
index.html dosyasını tarayıcınızda açarak Bootstrap şablonunuzun çalıştığını kontrol edin.
6. Tasarımı Geliştirin
Artık Bootstrap bileşenlerini kullanarak tasarımınızı geliştirebilirsiniz. Bootstrap Dokümantasyonu üzerinden daha fazla bilgi alabilirsiniz.
Bu adımları izleyerek basit bir Bootstrap başlangıç şablonu oluşturmuş olursunuz! Başka bir sorunuz varsa sormaktan çekinmeyin.