مرجع صور Bootstrap CSS
صور Bootstrap
زوايا مدورة:
دائرة:
ظفري:
فئات <img>
يمكن استخدام الفئات أدناه لتصميم أي صورة:
| Class | Description | Example |
|---|---|---|
| .img-rounded | Adds rounded corners to an image (not available in IE8) | |
| .img-circle | Shapes the image to a circle (not available in IE8) | |
| .img-thumbnail | Shapes the image to a thumbnail | |
| .img-responsive | Makes an image responsive (will scale nicely to the parent element) |
صور مستجيبة
قم بإنشاء صور متجاوبة عن طريق إضافة .img-responsiveفئة إلى <img>العلامة. سيتم بعد ذلك تغيير حجم الصورة بشكل جيد مع العنصر الأصلي.
.img-responsiveينطبق الفصل ، max-width: 100%وعلى height: autoالصورة display:block:
مثال
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">