אתחולשליף

רמאות של RTL

תוכן

טיפוגרפיה

תיעוד

תצוגה 1

תצוגה 2

תצוגה 3

תצוגה 4

תצוגה 5

תצוגה 6

מכוון ל 1

כותרת 2

כותרת 3

כותרת 4

כותרת 5

כותרת 6

זוהי פסקה מובילה. זה בולט מפסקאות רגילות.

אתה יכול להשתמש בתג סימון כדישִׂיאטֶקסט.

שורת טקסט זו אמורה להתייחס כטקסט שנמחק.

שורת טקסט זו אמורה להתייחס כלא מדויקת עוד.

שורת טקסט זו אמורה להתייחס כתוספת למסמך.

שורת טקסט זו תוצג כמסומן בקו תחתון.

שורת טקסט זו אמורה להתייחס כאותיות קטנות.

שורה זו מוצגת כטקסט מודגש.

שורה זו מוצגת כטקסט נטוי.

ציטוט ידוע, הכלול באלמנט blockquote.

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

תמונות

תיעוד
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

טבלאות

תיעוד
# ראשון אחרון ידית
1 סימן אוטוטו @mdo
2 יעקב ת'ורנטון @שמן
3 לארי הציפור @טוויטר
# ראשון אחרון ידית
1 סימן אוטוטו @mdo
2 יעקב ת'ורנטון @שמן
3 לארי הציפור @טוויטר
מעמד כּוֹתֶרֶת כּוֹתֶרֶת
בְּרִירַת מֶחדָל תָא תָא
יְסוֹדִי תָא תָא
מִשׁנִי תָא תָא
הַצלָחָה תָא תָא
סַכָּנָה תָא תָא
אַזהָרָה תָא תָא
מידע תָא תָא
אוֹר תָא תָא
אפל תָא תָא
# ראשון אחרון ידית
1 סימן אוטוטו @mdo
2 יעקב ת'ורנטון @שמן
3 לארי הציפור @טוויטר

דמויות

תיעוד
Placeholder 400x300
כיתוב לתמונה למעלה.

טפסים

סקירה כללית

תיעוד
לעולם לא נשתף את האימייל שלך עם אף אחד אחר.
כפתורי רדיו

טפסים מושבתים

תיעוד
לחצני רדיו מושבתים

גודל

תיעוד

קבוצת קלט

תיעוד
@
@example.com
https://example.com/users/
$ .00
עם אזור טקסט

תוויות צפות

תיעוד

מַתַן תוֹקֵף

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

רכיבים

אַקוֹרדִיוֹן

תיעוד

זהו גוף האקורדיון של הפריט הראשון. הוא מוסתר כברירת מחדל, עד שהתוסף ל-Clapsec מוסיף את המחלקות המתאימות בהן אנו משתמשים כדי לסגנן כל אלמנט. מחלקות אלו שולטות במראה הכללי, כמו גם בהצגה וההסתרה באמצעות מעברי CSS. אתה יכול לשנות כל דבר מזה עם CSS מותאם אישית או לעקוף את משתני ברירת המחדל שלנו. ראוי גם לציין שכמעט כל HTML יכול לעבור בתוך ה- .accordion-body, אם כי המעבר אכן מגביל את ההצפה.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

זהו גוף האקורדיון של הפריט השלישי. הוא מוסתר כברירת מחדל, עד שהתוסף ל-Clapsec מוסיף את המחלקות המתאימות בהן אנו משתמשים כדי לסגנן כל אלמנט. מחלקות אלו שולטות במראה הכללי, כמו גם בהצגה וההסתרה באמצעות מעברי CSS. אתה יכול לשנות כל דבר מזה עם CSS מותאם אישית או לעקוף את משתני ברירת המחדל שלנו. ראוי גם לציין שכמעט כל HTML יכול לעבור בתוך ה- .accordion-body, אם כי המעבר אכן מגביל את ההצפה.

התראות

תיעוד

תָג

תיעוד

כותרת לדוגמהחָדָשׁ

כותרת לדוגמהחָדָשׁ

כותרת לדוגמהחָדָשׁ

כותרת לדוגמהחָדָשׁ

כותרת לדוגמהחָדָשׁ

כותרת לדוגמהחָדָשׁ

כותרת לדוגמהחָדָשׁ

כותרת לדוגמהחָדָשׁ

יְסוֹדִי מִשׁנִי הַצלָחָה סַכָּנָה אַזהָרָה מידע אוֹר אפל

כפתורים

תיעוד

קבוצת כפתורים

תיעוד

כַּרְטִיס

תיעוד
Placeholder Image cap
כותרת הכרטיס

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

ללכת לאנשהו
מומלצים
כותרת הכרטיס

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

ללכת לאנשהו
לפני יומיים
כותרת הכרטיס

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

  • חפץ
  • פריט שני
  • פריט שלישי
קישור לכרטיס קישור נוסף
Placeholder Image
כותרת הכרטיס

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

עודכן לאחרונה לפני 3 דקות

קבוצת רשימה

תיעוד
  • פריט מושבת
  • פריט שני
  • פריט שלישי
  • פריט רביעי
  • ואחד חמישי
  • חפץ
  • פריט שני
  • פריט שלישי
  • פריט רביעי
  • ואחד חמישי
פריט קבוצתי ברירת מחדל פשוט פריט קבוצתי ראשוני פשוט פריט קבוצתי משני פשוט פריט קבוצתי פשוט ברשימת הצלחה פריט קבוצתי פשוט של רשימת סכנות פריט קבוצתי פשוט של רשימת אזהרה פריט קבוצתי רשימת מידע פשוט פריט קבוצתי קל פשוט פריט קבוצתי פשוט ברשימה חשוכה

פופ-אוברים

תיעוד

Scrollspy

תיעוד

כותרת ראשונה

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

כותרת שניה

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

כותרת שלישית

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

כותרת רביעית

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

כותרת חמישית

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

ספינרים

תיעוד

טוסטים

תיעוד

עצות כלים

תיעוד