خارج از بوم
خارج از بوم
می توانید از یک پیوند با hrefویژگی یا یک دکمه با data-bs-targetویژگی استفاده کنید. در هر دو مورد، data-bs-toggle="offcanvas"لازم است.
خارج از بوم
مقداری متن به عنوان مکان‌نما. در زندگی واقعی شما می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره
فهرست کنید
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea
- در vero eos و accusamus و iusto odio dignissimos
- Et harum quidem rerum facilis
- Temporibus autem quibusdam et aut officiis
پس زمینه خارج از بوم
پیمایش <body>عنصر زمانی غیرفعال می‌شود که یک offcanvas و پس‌زمینه آن قابل مشاهده باشد. از data-bs-scrollویژگی برای جابجایی <body>اسکرول و data-bs-backdropتغییر پس زمینه استفاده کنید.
رنگی با اسکرول
مقداری متن به عنوان مکان‌نما. در زندگی واقعی شما می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره
فهرست کنید
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea
- در vero eos و accusamus و iusto odio dignissimos
- Et harum quidem rerum facilis
- Temporibus autem quibusdam et aut officiis
خارج از بوم با پس زمینه
مقداری متن به عنوان مکان‌نما. در زندگی واقعی شما می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره
فهرست کنید
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea
- در vero eos و accusamus و iusto odio dignissimos
- Et harum quidem rerum facilis
- Temporibus autem quibusdam et aut officiis
پس زمینه با پیمایش
مقداری متن به عنوان مکان‌نما. در زندگی واقعی شما می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره
فهرست کنید
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea
- در vero eos و accusamus و iusto odio dignissimos
- Et harum quidem rerum facilis
- Temporibus autem quibusdam et aut officiis
قرار دادن خارج از بوم
.offcanvas-startoffcanvas را در سمت چپ درگاه دید قرار می دهد (نشان داده شده در بالا).offcanvas-endoffcanvas را در سمت راست درگاه دید قرار می دهد.offcanvas-topoffcanvas را در بالای درگاه دید قرار می دهد.offcanvas-bottomoffcanvas را در پایین درگاه دید قرار می دهد
آف کانواس بالا
مقداری متن به عنوان مکان‌نما. در زندگی واقعی شما می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره
فهرست کنید
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea
Offcanvas درست است
مقداری متن به عنوان مکان‌نما. در زندگی واقعی شما می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره
فهرست کنید
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea
پایین بوم
مقداری متن به عنوان مکان‌نما. در زندگی واقعی شما می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره
فهرست کنید
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea
Offcanvas سمت چپ
مقداری متن به عنوان مکان‌نما. در زندگی واقعی شما می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره
فهرست کنید
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea
