نصب و راه‌اندازی

🔹 ۱. استفاده از CDN (ساده‌ترین روش)

این روش برای شروع سریع عالیه. کافیه لینک‌های بوت‌استرپ رو داخل بخش <head> پروژه بذاری:


<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Bootstrap Example</title>
  
  <!-- لینک CSS بوت‌استرپ از CDN -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
  
  <div class="container text-center mt-5">
    <h1 class="text-primary">سلام بوت‌استرپ 🚀</h1>
    <button class="btn btn-success">کلیک کن</button>
  </div>
  
  <!-- فایل جاوااسکریپت بوت‌استرپ (برای کامپوننت‌ها مثل مودال، اسلایدر و ...) -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

📌 فقط با همین کد ساده، بوت‌استرپ روی پروژه فعال میشه.

🔹 ۲. نصب با NPM (برای پروژه‌های بزرگ‌تر)

اگر با ابزارهایی مثل Node.js و پکیج منیجر کار می‌کنی:


npm install bootstrap

بعد توی فایل اصلی CSS یا JS پروژه‌ات (مثلا main.js یا app.css) ایمپورت می‌کنی:


// برای CSS
import "bootstrap/dist/css/bootstrap.min.css";

// برای JavaScript
import "bootstrap/dist/js/bootstrap.bundle.min.js";

🔹 ۳. دانلود مستقیم

می‌تونی مستقیم از سایت رسمی getbootstrap.com فایل‌های CSS و JS رو دانلود کنی و به پروژه‌ات اضافه کنی.


<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.bundle.min.js"></script>

✨ نتیجه‌گیری

برای تمرین و پروژه‌های کوچک 👉 CDN بهترین انتخابه.
برای پروژه‌های حرفه‌ای و تیمی 👉 NPM یا دانلود مستقیم مناسب‌تره.