خارج از بوم

دکمه های پیش فرض

می توانید از یک پیوند با ویژگی href یا یک دکمه با data-bs-targetویژگی استفاده کنید. در هر دو مورد، data-bs-toggle="offcanvas"لازم است.

لینک با href
خارج از بوم

برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره

پس زمینه استاتیک

پیمایش <body>عنصر زمانی غیرفعال می‌شود که یک offcanvas و پس‌زمینه آن قابل مشاهده باشد. از data-bs-scrollویژگی برای جابجایی <body>اسکرول و data-bs-backdropتغییر پس زمینه استفاده کنید .

رنگی با پیمایش

برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره

خارج از بوم با پس زمینه

برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره

پس زمینه با پیمایش

برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره

موقعیت خارج از بوم

نمونه های بالا، راست، پایین و چپ را در زیر امتحان کنید.

  • .offcanvas-topoffcanvas را در بالای درگاه دید قرار می دهد
  • .offcanvas-endoffcanvas را در سمت راست درگاه دید قرار می دهد
  • .offcanvas-bottomoffcanvas را در پایین درگاه دید قرار می دهد
  • .offcanvas-startoffcanvas را در سمت چپ ویوپورت قرار می دهد
خارج از بوم

برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره

خارج از بوم

برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره

خارج از بوم

برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره

خارج از بوم

برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره

© تاپلوکس.