انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #1 من درس: الصور في BootStrap

BootStrap Image Thumbnail الصورة المصغرة في bootstrap

ستتعلم في هذا الدرس كيفية التحكم في خصائص الصور مثل الاطارات والتجاوب مع الشاشات المختلفة عن طريق اطار عمل bootstrap. 

1 صفوف تعليمية
Bootstrap
3,481 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

من التنسيقات التي يوفرها bootstrap هو كلاس mg-thumbnail الذي يستخدم لاضافة rounded border اطار بحواف مستديرة حول الصورة.

جرّب بنفسك

BootStrap Image Thumbnail

استخدام كلاس img-thumbnail لاعطاء 1px border للصورة.

HTML 
<!--Image with img-thumbnail class-->
<img src="https://www.megaleechers.com/storage/Bootstrap-Icon.png" class="img-thumbnail" alt="">

<!--Image without img-thumbnail class-->
<img src="https://www.megaleechers.com/storage/Bootstrap-Icon.png" alt=""  style="width:300px">
جرّب بنفسك

جميع فقرات هذا الدرس (الصور في BootStrap)