דלג לתוכן הראשי

דוגמאות

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

קטעים

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

כותרות

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

גיבורים

הגדר את הבמה בדף הבית שלך עם גיבורים הכוללים קריאות ברורות לפעולה.

תכונות

הסבר את התכונות, היתרונות או פרטים אחרים בתוכן השיווקי שלך.

סרגלי צד

דפוסי ניווט נפוצים אידיאליים עבור פריסות offcanvas או מרובות עמודות.

כותרות תחתונות

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

תפריטים נפתחים

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

רשימת קבוצות

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

מודלים

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

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

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

אַלבּוֹם

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

תמחור

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

לבדוק

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

מוצר

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

כיסוי

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

קרוסלה

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

בלוג

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

לוּחַ מַחווָנִים

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

להתחבר

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

כותרת תחתונה דביקה

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

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

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

ג'מבוטרון

השתמש בכלי עזר כדי ליצור מחדש ולשפר את הג'מבוטרון של Bootstrap 4.

מִסגֶרֶת

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

תבנית התחלה

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

רֶשֶׁת

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

שליף

כיור מטבח ממרכיבי Bootstrap.

Cheatsheet RTL

כיור מטבח מרכיבי Bootstrap, RTL.

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

Navbars

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

Navbar סטטי

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

Navbar תוקן

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

Navbar תחתון

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

סרגל ניווט מחוץ לקנבס

הפוך את סרגל הניווט הניתן להרחבה לתפריט החלקה מחוץ לקנבס (לא משתמש ברכיב ה-offcanvas שלנו).

RTL

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

תכונת ה-RTL עדיין ניסיונית וכנראה תתפתח בהתאם למשוב המשתמש. זיהית משהו או יש לך שיפור להציע? פתח בעיה , נשמח לקבל את התובנות שלך.

אלבום RTL

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

קופה RTL

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

קרוסלה RTL

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

בלוג RTL

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

לוח מחוונים RTL

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

אינטגרציות

אינטגרציות עם ספריות חיצוניות.

בַּנָאוּת

שלב את הכוחות של רשת ה-Bootstrap ופריסת הבנייה.


לכו רחוק יותר עם ערכות נושא Bootstrap

צריך משהו יותר מהדוגמאות האלה? קח את Bootstrap לשלב הבא עם ערכות נושא מובחר מהשוק הרשמי של Bootstrap Themes . הם בנויים כמסגרות מורחבות משלהם, עשירות ברכיבים ותוספים חדשים, תיעוד וכלי בנייה רבי עוצמה.

עיין בערכות נושא
ערכות נושא של Bootstrap