خارج از بوم
خارج از بوم
می توانید از یک لینک با استفاده ازhrefویژگی یا دکمه ای باdata-bs-targetویژگی در هر دو مورد،data-bs-toggle="offcanvas"مورد نیاز است.
خارج از بوم
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. لایک، متن، تصاویر، لیست ها و غیره
فهرست کنید
- زیرا هیچ کس از خود لذت متنفر نیست زیرا آن را طرد کرده اند
- کسی هم نیست که درد بکشد
- اما چه کسی یا او به درستی در آن است
- اما در واقع ما هم آنها را متهم می کنیم و هم مستحق نفرت هستیم
- و در واقع این کارها آسان است
- اما در زمان ها و یا دفاتر خاصی
پس زمینه Offcanvas
اسکرول کردن<body>وقتی یک offcanvas و پسزمینه آن قابل مشاهده است، عنصر غیرفعال میشود. استفاده کنیدdata-bs-scrollنسبت به تغییر وضعیت<body>پیمایش وdata-bs-backdropبرای تغییر پس زمینه
رنگی با پیمایش
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. لایک، متن، تصاویر، لیست ها و غیره
فهرست کنید
- زیرا هیچ کس از خود لذت متنفر نیست زیرا آن را طرد کرده اند
- کسی هم نیست که درد بکشد
- اما چه کسی یا او به درستی در آن است
- اما در واقع ما هم آنها را متهم می کنیم و هم مستحق نفرت هستیم
- و در واقع این کارها آسان است
- اما در زمان ها و یا دفاتر خاصی
خارج از بوم با پس زمینه
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. لایک، متن، تصاویر، لیست ها و غیره
فهرست کنید
- زیرا هیچ کس از خود لذت متنفر نیست زیرا آن را طرد کرده اند
- کسی هم نیست که درد بکشد
- اما چه کسی یا او به درستی در آن است
- اما در واقع ما هم آنها را متهم می کنیم و هم مستحق نفرت هستیم
- و در واقع این کارها آسان است
- اما در زمان ها و یا دفاتر خاصی
پس زمینه با پیمایش
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. لایک، متن، تصاویر، لیست ها و غیره
فهرست کنید
- زیرا هیچ کس از خود لذت متنفر نیست زیرا آن را طرد کرده اند
- کسی هم نیست که درد بکشد
- اما چه کسی یا او به درستی در آن است
- اما در واقع ما هم آنها را متهم می کنیم و هم مستحق نفرت هستیم
- و در واقع این کارها آسان است
- اما در زمان ها و یا دفاتر خاصی
قرار دادن Offcanvas
نمونه های سمت راست و پایین را در زیر امتحان کنید.
.offcanvas-startoffcanvas را در سمت چپ درگاه نمایش قرار می دهد (نشان داده شده در بالا).offcanvas-endoffcanvas را در سمت راست درگاه دید قرار می دهد.offcanvas-topoffcanvas را در بالای درگاه دید قرار می دهد.offcanvas-bottomoffcanvas را در پایین درگاه دید قرار می دهد
تاپ Offcanvas
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. لایک، متن، تصاویر، لیست ها و غیره
فهرست کنید
- زیرا هیچ کس از خود لذت متنفر نیست زیرا آن را طرد کرده اند
- کسی هم نیست که درد بکشد
- اما چه کسی یا او به درستی در آن است
Offcanvas درست است
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. لایک، متن، تصاویر، لیست ها و غیره
فهرست کنید
- زیرا هیچ کس از خود لذت متنفر نیست زیرا آن را طرد کرده اند
- کسی هم نیست که درد بکشد
- اما چه کسی یا او به درستی در آن است
پایین بوم
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. لایک، متن، تصاویر، لیست ها و غیره
فهرست کنید
- زیرا هیچ کس از خود لذت متنفر نیست زیرا آن را طرد کرده اند
- کسی هم نیست که درد بکشد
- اما چه کسی یا او به درستی در آن است
Offcanvas سمت چپ
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. لایک، متن، تصاویر، لیست ها و غیره
فهرست کنید
- زیرا هیچ کس از خود لذت متنفر نیست زیرا آن را طرد کرده اند
- کسی هم نیست که درد بکشد
- اما چه کسی یا او به درستی در آن است
تاریک Offcanvas
ظاهر offcanvases را با ابزارهای کاربردی تغییر دهید تا بهتر آنها را با زمینه های مختلف مانند نوارهای ناوبری تاریک مطابقت دهید. در اینجا اضافه می کنیم.text-bg-darkبه.offcanvasو.btn-close-whiteبه.btn-closeبرای یک ظاهر طراحی مناسب با یک بوم تیره. اگر کرکرهای در داخل دارید، اضافه کردن را نیز در نظر بگیرید.dropdown-menu-darkبه.dropdown-menu.
تاریک Offcanvas
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. لایک، متن، تصاویر، لیست ها و غیره
فهرست کنید
- زیرا هیچ کس از خود لذت متنفر نیست زیرا آن را طرد کرده اند
- کسی هم نیست که درد بکشد
- اما چه کسی یا او به درستی در آن است