اهلا بكم في الدليل المحتصر لبوتستراب 5
اولا يلزمنا تحميل البوتستراب عبر تضمينه في صفحة الانترنت الخاصة بك من هنا
<!-- Latest compiled and minified CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Latest compiled JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
اذا اردت تحميل البوتستراب على جهازك بدون تضمينه مباشرة تستطيع ذلك عبر الموقع الاصلي https://getbootstrap.com/
لعمل صفحة انترنت تتضمن بوتستراب قم بوضع الكود التالي الذي يشمل ايضا كود الموبايل فيرست ليعمل على جميع الشاشات
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap 5 Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
</html>
لتكتمل الصورة كاملة لكم - هذه اول صفحة بوتستراب كاملة تستطيعون الاعتمال عليها
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<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">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<div class="container">
<h1>My First Bootstrap Page</h1>
<p>This part is inside a .container class.</p>
<p>The .container class provides a responsive fixed width container.</p>
</div>
</body>
</html>
ننصحكم بالاطلاع على دبليو ثري سكوول وقراءة دليل البوتستراب 5 من هنا
https://www.w3schools.com/bootstrap5/bootstrap_get_started.php
