ابزارهای کاربردی برای چیدمان

در حال تغییرdisplay

از ابزارهای نمایشگر ما برای تغییر پاسخگویی مقادیر رایج displayویژگی استفاده کنید. آن را با سیستم شبکه، محتوا، یا مؤلفه‌های خود ترکیب کنید تا آنها را در نماهای خاص نشان دهید یا پنهان کنید.

گزینه های Flexbox

بوت استرپ با flexbox ساخته شده است، اما هر عنصری displayبه آن تغییر پیدا نکرده است، display: flexزیرا این امر باعث اضافه کردن بسیاری از موارد غیر ضروری و تغییر غیرمنتظره رفتارهای کلیدی مرورگر می شود. اکثر اجزای ما با فعال کردن flexbox ساخته شده‌اند.

اگر نیاز به افزودن display: flexبه یک عنصر دارید، این کار را با .d-flexیا یکی از انواع پاسخگو (به عنوان مثال، .d-sm-flex) انجام دهید. شما به این کلاس یا displayمقدار نیاز دارید تا امکان استفاده از ابزارهای اضافی flexbox را برای اندازه، تراز، فاصله و موارد دیگر فراهم کنید.

حاشیه و بالشتک

از ابزار marginو padding فاصله برای کنترل نحوه فاصله و اندازه عناصر و اجزاء استفاده کنید. بوت استرپ شامل یک مقیاس شش سطحی برای ابزارهای فاصله گذاری است که بر اساس یک متغیر 1remپیش فرض $spacerمقدار است. مقادیر را برای همه نماها انتخاب کنید (مثلاً .me-3برای margin-right: 1remدر LTR)، یا انواع پاسخگو را برای هدف قرار دادن درگاه های دید خاص انتخاب کنید (مثلاً .me-md-3برای margin-right: 1rem—در LTR— که از mdنقطه شکست شروع می شود).

تغییر وضعیتvisibility

زمانی displayکه نیازی به تغییر دادن نیست، می‌توانید با ابزارهای دیدvisibility ما، عنصر یک عنصر را تغییر دهید . عناصر نامرئی همچنان بر روی طرح بندی صفحه تأثیر می گذارند، اما از نظر بصری از بازدیدکنندگان پنهان می شوند.