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