این wikiHow به شما آموزش می دهد که چگونه فایلهای Bootstrap را در رایانه خود بارگیری کنید و آنها را به متون HTML خود پیوند دهید تا از عناصر Bootstrap در کد خود استفاده کنید. پس از بارگیری و پیوند فایل های بوت استرپ ، می توانید از همه شیوه نامه و عناصر جاوا اسکریپت بوت استرپ در طراحی وب خود استفاده کنید.
مراحل
مرحله 1. وب سایت Bootstrap را در مرورگر اینترنت خود باز کنید
getbootstrap.com را در نوار آدرس تایپ کنید و ↵ Enter یا urn Return را در صفحه کلید خود فشار دهید.
مرحله 2. روی دکمه بارگیری کلیک کنید
با این کار صفحه "بارگیری" باز می شود.
مرحله 3. روی دکمه بارگیری در زیر "Compile CSS and JS" کلیک کنید
" با این کار فایل های بوت استرپ کامل به عنوان آرشیو ZIP روی رایانه شما بارگیری می شود.
اگر از شما خواسته شد ، یک مکان ذخیره برای ZIP Bootstrap انتخاب کنید
مرحله 4. فایلها را از بایگانی ZIP استخراج کنید
فایل ZIP را که بارگیری کرده اید پیدا کنید و روی آن دوبار کلیک کنید تا همه فایل های موجود در آن در همان پوشه استخراج شوند.
- با این کار دو پوشه با نام " css"و" js."
- اگر برنامه unzipper شما به طور خودکار فایل ها را استخراج نمی کند ، این مقاله را ببینید تا همه راه هایی را که می توانید یک بایگانی ZIP صادر کنید مشاهده کنید.
مرحله 5. پوشه های استخراج شده را به همان پوشه فایلهای HTML وب سایت خود منتقل کنید
پوشه ای را که شامل همه فایل های HTML وب سایت شما است باز کنید و " css"و" js"پوشه ها را در اینجا قرار دهید تا آنها را به همان پوشه اسناد وب سایت خود منتقل کنید.
اکنون می توانید فایل ها را به فایل های HTML خود پیوند دهید و از Bootstrap در کد خود استفاده کنید
مرحله 6. روی فایل HTML ای که می خواهید با Bootstrap استفاده کنید راست کلیک کنید
شما می توانید از Bootstrap فقط در یکی از فایل های HTML خود یا همه آنها استفاده کنید.
مرحله 7. در منوی راست کلیک ، گزینه Open را باز کنید
یک زیر منو با برنامه های سازگار ظاهر می شود.
مرحله 8. برنامه ویرایشگر متن خود را انتخاب کنید
با این کار فایل HTML انتخاب شده در ویرایشگر متن شما باز می شود.
می توانید از ویرایشگر متن ساده مانند استفاده کنید دفترچه یادداشت یا TextEdit و همچنین ویرایشگر کد اختصاصی مانند اتم (https://atom.io) یا نوشابه (https://panic.com/coda).
مرحله 9. پیوندهای Bootstrap را به هدر فایل HTML خود اضافه کنید
قبل از استفاده از کد بوت استرپ در HTML خود ، باید خطوط زیر را در سربرگ کد خود تایپ یا جایگذاری کنید:
اگر می خواهید برخی از فایل های دیگر را از پوشه های css و js پیوند دهید و استفاده کنید ، فقط خطوط جدیدی را به سرصفحه اضافه کنید و قسمت های css/bootstrap.css و js/bootstrap.js را با نام فایل هایی که می خواهید جایگزین کنید. پیوند دادن
مرحله 10. محل قرارگیری پیوندهای Bootstrap خود را در کد بررسی کنید
در هدر HTML ، هر دو خط باید بین خطوط و خط قرار گیرند.
- هنگامی که این خطوط را به سرصفحه اضافه کردید ، می توانید از عناصر Bootstrap در این فایل HTML استفاده کنید.
- می توانید لیست کاملی از همه عناصر بوت استرپ را در https://getbootstrap.com/docs/4.3/getting-started/introduction پیدا کنید. فقط کافی است روی هر دسته ای مانند آن کلیک کنید چیدمان یا اجزاء در منوی سمت چپ
- پس از نصب Bootstrap ، می توانید هر قطعه کد را از اینجا وارد کرده یا کپی کنید.
