logo

דוגמה ראשונה ל Bootstrap

הוסף את ה-HTML 5 doctype: Bootstrap משתמש באלמנטים של HTML ומאפייני CSS, אז אתה צריך להוסיף את HTML 5 doctype בתחילת הדף עם תכונת lang ומערכת תווים נכונה.

לְשֶׁעָבַר:

 Any title //write code 

Bootstrap הוא ידידותי לניידים: Bootstrap 3 תוכנן להגיב למכשירים ניידים.

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

 

הערה: ה 'width=device-width' חלק משמש כדי להגדיר את רוחב העמוד כדי לעקוב אחר רוחב המסך של המכשיר (משתנה בהתאם למכשירים).

ה קנה מידה ראשוני=1 חלק משמש להגדרת רמת הזום הראשונית כאשר הדף נטען לראשונה על ידי הדפדפן.

מיכלים: מיכל משמש לעטוף את תוכן האתר. ישנן שתי כיתות מיכל.

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

הערה: לא ניתן להניח מיכל בתוך מיכל.


דוגמה ראשונה אתחול (עם מיכל ברוחב קבוע מגיב)

 This is a Bootstrap example <p>Write your text here..</p> 

בדוק את זה עכשיו