كيف يمكنني إضافة ملف bootstrap إلى مشروعي؟

السلام عليكم ورحمة الله وبركاته،

حالياً لدي مشروع اعمل عليه يتمثل في إنشاء موقع لمكتبة تبيع الكتب online، و استخدم برنامج visual studio code و اريد استخدام bootstrap لجعل الموقع أنيقاً :

١.هل يجب علي تنزيل visual studio؟ لأنني كما ذكرت استخدام studio code ام اكتفي بهذا الأخير؟

٢. كيف اربط ملف ال bootstrap بملفات ال

Html/css/js التي هي في الفيجوال كود؟

و شكراً

إن visual studio code يكفي لوحده في برمجة مواقع الويب، ويمكنك من قسم الإضافات تثبيت منها ما يفيدك، بالعلم هذا المحرر افتراضياً يدعم العديد من لغات البرمجة، وهو محرر كاف لمعظم الأعمال البرمجية.

لربط بوتستراب مع صفحات الويب، يتم تضمينه مثل أي ملف CSS - JS آخر ببساطة.

يمكنك إما التوجه لتوثيق بوتستراب وتحميل الملفات أو مباشرة وضع رابط التضمين عن طريق الانترنت

هذا قالب بسيط يقوم بتحميل النسخة 4 من بوتستراب

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    // ملفات css
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
        integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">

    // ملفات جافاسكربت
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
        integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
        crossorigin="anonymous"></script>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"
        integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s"
        crossorigin="anonymous"></script>

    <style>

    </style>
</head>

<body>

</body>

</html>

يوجد النسخة الحديثة 5 يمكنك استخدامها.

يوجد كل شيئ في التوثيق الرسمي.