WikiHow זה מלמד אותך כיצד להוריד את קבצי Bootstrap למחשב שלך, ולקשר אותם לטקסטים HTML שלך כדי להשתמש ברכיבי Bootstrap בקוד שלך. לאחר הורדה וקישור של קבצי Bootstrap, תוכל להתחיל להשתמש בכל גיליון הסגנונות ורכיבי ה- JavaScript של Bootstrap בעיצוב האינטרנט שלך.
צעדים
שלב 1. פתח את אתר Bootstrap בדפדפן האינטרנט שלך
הקלד https://getbootstrap.com בשורת הכתובות ולחץ על ↵ Enter או ⏎ Return במקלדת.
שלב 2. לחץ על הלחצן הורד
פעולה זו תפתח את דף "הורדה".
שלב 3. לחץ על הלחצן הורד למטה "קומפילס CSS ו- JS
" פעולה זו תוריד את קבצי Bootstrap המלאים למחשב שלך כארכיון ZIP.
אם תתבקש, בחר מיקום שמירה עבור ה- ZIP של Bootstrap
שלב 4. חלץ את הקבצים מארכיון ה- ZIP
מצא את קובץ ה- ZIP שהורדת זה עתה ולחץ עליו פעמיים כדי לחלץ את כל הקבצים בו לאותה תיקיה.
- פעולה זו תמציא שתי תיקיות בשם " css"ו" js."
- אם אפליקציית הסריגה שלך לא מחלצת את הקבצים באופן אוטומטי, עיין במאמר זה כדי לראות את כל הדרכים שבהן תוכל לייצא ארכיון ZIP.
שלב 5. העבר את התיקיות שחולצו לאותה תיקייה של קבצי HTML של האתר שלך
פתח את התיקיה המכילה את כל קובצי ה- HTML של האתר שלך וגרור את " css"ו" js"תיקיות כאן כדי להעביר אותן לאותה תיקייה שבה מסמכי האתר שלך.
כעת תוכל לקשר את הקבצים לקבצי ה- HTML שלך ולהתחיל להשתמש ב- Bootstrap בקוד שלך
שלב 6. לחץ לחיצה ימנית על קובץ ה- HTML שבו ברצונך להשתמש עם Bootstrap
אתה יכול להשתמש ב- Bootstrap באחד מקובצי ה- HTML שלך, או בכולם.
שלב 7. רחף מעל פתח עם בתפריט לחיצה ימנית
תפריט משנה יופיע עם אפליקציות תואמות.
שלב 8. בחר את תוכנית עורך הטקסט שלך
פעולה זו תפתח את קובץ ה- HTML שנבחר בעורך הטקסט שלך.
אתה יכול להשתמש בעורך טקסט פשוט כמו פנקס רשימות אוֹ עריכת טקסט כמו גם עורך קוד ייעודי כמו אָטוֹם (https://atom.io) או קודה (https://panic.com/coda).
שלב 9. הוסף את הקישורים Bootstrap לכותרת קובץ ה- HTML שלך
לפני השימוש בקוד Bootstrap ב- HTML שלך, יהיה עליך להקליד או להדביק את השורות למטה בכותרת הקוד שלך:
אם אתה רוצה לקשר ולהשתמש בכמה מהקבצים האחרים מתיקיות css ו- js, פשוט הוסף שורות חדשות לכותרת והחלף את החלקים css/bootstrap.css ו- js/bootstrap.js בשמות הקבצים שאתה רוצה. לקשר
שלב 10. בדוק את מיקום הקישורים של Bootstrap שלך בקוד
בכותרת ה- HTML, שתי השורות צריכות להיות ממוקמות בין השורות לקו.
- לאחר שתוסיף שורות אלה לכותרת, תוכל להתחיל להשתמש ברכיבי Bootstrap בקובץ HTML זה.
- תוכל למצוא רשימה מלאה של כל רכיבי Bootstrap בכתובת https://getbootstrap.com/docs/4.3/getting-started/introduction. פשוט לחץ על כל קטגוריה כמו מַעֲרָך אוֹ רכיבים בתפריט השמאלי.
- לאחר התקנת Bootstrap, תוכל להכניס או להעתיק/להדביק כל פיסת קוד מכאן לקוד שלך.