تصاویر

مستندات و نمونه هایی برای انتخاب تصاویر در رفتار پاسخگو (بنابراین آنها هرگز بزرگتر از عناصر اصلی خود نمی شوند) و سبک های سبک وزن را به آنها اضافه کنید - همه از طریق کلاس ها.

تصاویر در بوت استرپ
تصاویر واکنش گرا

تصاویر در بوت استرپ با .img-fluidThis 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="" />

ممنون که با فالکون خلق کردید

نسخه 3.4.0

تنظیمات

سبک سفارشی خود را تنظیم کنید

طرح رنگ بندی

حالت رنگ مناسب را برای برنامه خود انتخاب کنید.


RTL حالت

جهت زبان خود را تغییر دهید

RTL راهنما

چیدمان سیال

سیستم چیدمان کانتینر را تغییر دهید

راهنما سیال

موقعیت ناوبری

یک سیستم ناوبری مناسب برای برنامه وب خود انتخاب کنید


سبک نوار ناوبری عمودی

برای نوار ناوبری عمودی خود بین سبک ها جابه جا شوید

دیدن راهنما

چیزی که میبینی را دوست داری؟

برای خرید قالب فالکون از راستچین اقدام کنید.

خرید
شخصی سازی