ایجاد یک صفحه وب با بوت استرپ 5
یک فایل HTML ایجاد کنید و ساختار کلی زیر را در آن وارد کنید.
<html>
<head>
<title>Bootstrap 5</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
</body>
</html>حال می‌خواهیم چند عنصر به صفحه وب اضافه کنیم. یک تگ div ایجاد می‌کنیم و داخل آن از یک تگ h1 و یک تگ p استفاده می‌کنیم. بنابراین کدهای زیر را به بخش body پروژه اضافه کنید.
<div>
<h1>اولین صفحه وب با بوت استرپ 5</h1>
<p>برای مشاهده واکنشگرا بودن صفحه وب، سایز پنجره را تغییر دهید</p>
</div>
نتیجه تصویر زیر خواهد بود.
حال اگر بخواهیم به این عنصرها استایل دهی انجام دهیم، باید از کدهای CSS استفاده کنیم. در آموزش bootstrap شما یاد می‌گیرید که چگونه از کلاس‌های مختلف بوت استرپ استفاده کنید و تنها با اضافه کردن کلاس به عنصرهای صفحه وب، استایل دهی کنید.