خارج از بوم
دکمه های پیش فرض
می توانید از یک پیوند با ویژگی href یا یک دکمه با
data-bs-targetویژگی استفاده کنید. در هر دو مورد،
data-bs-toggle="offcanvas"لازم است.
خارج از بوم
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره
پس زمینه استاتیک
پیمایش <body>عنصر زمانی غیرفعال میشود که یک offcanvas و
پسزمینه آن قابل مشاهده باشد. از data-bs-scrollویژگی برای
جابجایی <body>اسکرول و
data-bs-backdropتغییر پس زمینه
استفاده کنید .
رنگی با پیمایش
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره
خارج از بوم با پس زمینه
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره
پس زمینه با پیمایش
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره
موقعیت خارج از بوم
نمونه های بالا، راست، پایین و چپ را در زیر امتحان کنید.
.offcanvas-topoffcanvas را در بالای درگاه دید قرار می دهد.offcanvas-endoffcanvas را در سمت راست درگاه دید قرار می دهد.offcanvas-bottomoffcanvas را در پایین درگاه دید قرار می دهد.offcanvas-startoffcanvas را در سمت چپ ویوپورت قرار می دهد
خارج از بوم
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره
خارج از بوم
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره
خارج از بوم
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره
خارج از بوم
برخی از متن ها به عنوان جایگیر. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند، متن، تصاویر، لیست ها و غیره