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