Bootstrap الصور
زوايا مدورة:
دائرة:
صورة مصغرة:
<img> فصول
الطبقات أدناه يمكن استخدام أسلوب أي صورة:
صف مدرسي | وصف | مثال |
---|---|---|
.img-rounded | ويضيف زوايا مدورة إلى صورة (غير متوفر في IE8) | جربها |
.img-circle | ترسم صورة لدائرة (غير متوفر في IE8) | جربها |
.img-thumbnail | ترسم صورة إلى صورة مصغرة | جربها |
.img-responsive | يجعل صورة تستجيب (سوف تحجيم بشكل جيد لعنصر الأم) | جربها |
صور تستجيب
خلق صور تستجيب بإضافة .img-responsive
فئة إلى <img>
العلامة. فإن الصورة ثم تحجيم بشكل جيد لعنصر الأم.
و .img-responsive
الطبقة تنطبق max-width: 100%
، height: auto
، و display:block
على الصورة: