تصاویر
مستندات و نمونه هایی برای انتخاب تصاویر در رفتار پاسخگو (بنابراین آنها هرگز بزرگتر از عناصر اصلی خود نمی شوند) و سبک های سبک وزن را به آنها اضافه کنید - همه از طریق کلاس ها.
تصاویر در بوت استرپتصاویر واکنش گرا
تصاویر در بوت استرپ با .img-fluid
This applies max-width: 100%;
و height: auto;
به تصویر پاسخگو می شوند تا با عنصر والد مقیاس شوند.
<img class="img-fluid rounded" src="../../../assets/img/generic/9.jpg" alt="" />
ریز عکسها
علاوه بر ابزارهای حاشیه شعاع ما ، میتوانید .img-thumbnail
برای دادن ظاهری گرد ۱ پیکسلی به تصویر استفاده کنید.
<img class="img-thumbnail" src="../../../assets/img/team/6.jpg" alt="" />
تراز کردن تصاویر
تصاویر را با
کلاس های شناور کمکی یا کلاس های تراز متن تراز کنید . block
تصاویر سطح را می توان با استفاده از .mx-auto
کلاس ابزار margin در مرکز قرار داد .
<img class="rounded-1 float-start w-25 mt-3" src="../../../assets/img/team/24.jpg" alt="" />
<img class="rounded-1 float-end w-25 mt-3" src="../../../assets/img/team/25.jpg" alt="" />