דלג לתוכן הראשי
יש גרסה חדשה יותר של Bootstrap 4!

דוגמאות

התחל במהירות פרויקט עם כל אחת מהדוגמאות שלנו, החל משימוש בחלקים מהמסגרת ועד לרכיבים ופריסות מותאמות אישית.

הורד את קוד המקור

רכיבים מותאמים אישית

רכיבים ותבניות חדשות לגמרי שיעזרו לאנשים להתחיל במהירות עם Bootstrap ולהדגים שיטות עבודה מומלצות להוספה למסגרת.

צילום מסך של אלבום
אַלבּוֹם

תבנית פשוטה של ​​עמוד אחד עבור גלריות תמונות, תיקי עבודות ועוד.

צילום מסך של תמחור
תמחור

דוגמה לדף תמחור שנבנה עם כרטיסים וכולל כותרת עליונה ותחתונה מותאמות אישית.

צילום מסך לקופה
לבדוק

טופס תשלום מותאם אישית המציג את רכיבי הטופס שלנו ותכונות האימות שלהם.

צילום מסך של המוצר
מוצר

דף שיווקי רזה ממוקד מוצר עם עבודת גריד ותדמית מקיפה.

צילום מסך של כריכה
כיסוי

תבנית של עמוד אחד לבניית דפי בית פשוטים ויפים.

צילום מסך של קרוסלה
קרוסלה

התאם אישית את סרגל הניווט והקרוסלה, ולאחר מכן הוסף כמה רכיבים חדשים.

צילום מסך של בלוג
בלוג

מגזין כמו תבנית בלוג עם כותרת, ניווט, תוכן מוצג.

צילום מסך של לוח המחוונים
לוּחַ מַחווָנִים

מעטפת לוח מחוונים בסיסית לניהול עם סרגל צד וסרגל ניווט קבועים.

צילום מסך של כניסה
להתחבר

פריסה ועיצוב טפסים מותאמים אישית לטופס כניסה פשוט.

צילום מסך של כותרת תחתונה דביקה
כותרת תחתונה דביקה

צרף כותרת תחתונה לתחתית נקודת התצוגה כאשר תוכן העמוד קצר.

צילום מסך של סרגל הניווט של כותרת תחתונה דביקה
סרגל ניווט דביק של כותרת תחתונה

חבר כותרת תחתונה לתחתית נקודת התצוגה עם סרגל ניווט עליון קבוע.

מִסגֶרֶת

דוגמאות המתמקדות בהטמעת שימושים ברכיבים מובנים המסופקים על ידי Bootstrap.

צילום מסך של תבנית Starter
תבנית התחלה

שום דבר מלבד היסודות: CSS ו-JavaScript מורכבים.

צילום מסך של רשת
רֶשֶׁת

דוגמאות מרובות של פריסות רשת עם כל ארבע השכבות, קינון ועוד.

צילום מסך של Jumbotron
ג'מבוטרון

בנה סביב הג'מבוטרון עם סרגל ניווט וכמה עמודות רשת בסיסיות.

נטילת רכיב ברירת המחדל של סרגל הניווט ומראה כיצד ניתן להזיז, למקם ולהרחיב אותו.

צילום מסך של Navbars
Navbars

הדגמה של כל האפשרויות הרספונסיביות והמכולות עבור ה-navbar.

צילום מסך סטטי של Navbar
Navbar סטטי

דוגמה של סרגל ניווט יחיד לסרגל ניווט עליון סטטי יחד עם תוכן נוסף.

Navbar תוקן צילום מסך
Navbar תוקן

דוגמה של סרגל ניווט יחיד עם סרגל ניווט עליון קבוע יחד עם תוכן נוסף.

צילום מסך תחתון של Navbar
Navbar תחתון

דוגמה של סרגל ניווט יחיד עם סרגל ניווט תחתון יחד עם תוכן נוסף.

ניסויים

דוגמאות המתמקדות בתכונות או טכניקות ידידותיות לעתיד.

צילום מסך של תוויות צפות
תוויות צפות

טפסים פשוטים להפליא עם תוויות צפות מעל הקלט שלך.

צילום מסך מחוץ לקנבס
Offcanvas

הפוך את סרגל הניווט הניתן להרחבה שלך לתפריט הזזה מחוץ לקנבס.