Bootstrap – המדריך – פרק 6 – עבודה עם תמונות

24 בנובמבר 2015

לתוכן העניינים.   בפרק הקודם למדנו על טבלאות, הפעם נראה מה יש לספרייה להציע לנו בעבודה עם תמונות.   הספרייה נותנת שני שירותים עיקריים בעבודה עם תמונות: תמיכה בהקטנת והגדלת התמונה לפי המקום שיש לה, בעזרת שימוש במחלקה img-responsive. מתן “מסגרת” לתמונה בעזרת אחד משלושת המחלקות הבאות: img-rounded – המעגל את הפינות של התמונה. img-circle – המעגל את כל התמונה img-thumbnail – הנותן מסגרת לתמונות.   כל תמונה הנמצאת בתוך col--xx כלשהו (size כמובן זה הרזולוצייה הרלוונטית, כפי שלמדנו כאן) ו – xx זה המקום שניתן לעמודה (בין 1 ל – 12), התמונה תגדל ותקטן בהתאם למקום שיש לה תוך שמירה על יחס רוחב-גובה. כל תמונה שתקבל את אחת משלושת המחלקות...
תגיות: , ,
אין תגובות