Offcanvas و Pagination در Bootstrap :
Bootstrap یکی از شناخته شده‌ترین فریم‌ورک‌های CSS و جاوااسکریپت است که توسط توییتر توسعه داده شده است. این فریم‌ورک با ارائه مجموعه‌ای از کلاس‌های CSS و قابلیت‌های جاوااسکریپت، راه حل‌هایی برای طراحی و توسعه وب سایت‌هایی را فراهم می‌کند که به طور کلی به افزایش سرعت و کاهش هزینه‌های توسعه کمک می‌کند. در این مقاله به بررسی دو ابزار Offcanvas و Pagination در Bootstrap می‌پردازیم.
Offcanvas
Offcanvas یکی از ابزارهای Bootstrap است که به طور پیش‌فرض در نسخه‌های 3 و بالاتر فریم‌ورک وجود دارد. این ابزار اجازه می‌دهد که بخشی از صفحه به شکل شناور و به صورت انتخابی نمایش داده شود، به طوری که کاربران بتوانند به سادگی به این بخش دسترسی پیدا کنند. این بخش ممکن است شامل منو، فرم‌های جستجو یا هر مورد دیگری باشد.
برای استفاده از Offcanvas در Bootstrap، کافی است از کلاس .offcanvas استفاده کنید. سپس با استفاده از دو کلاس .offcanvas-header و .offcanvas-body، می‌توانید سربرگ و بدنه بخش Offcanvas را تعیین کنید. همچنین با استفاده از دو کلاس .offcanvas-backdrop و .offcanvas-overly، می‌توانید پوشش شفافی را برای بخش Offcanvas ایجاد کنید.
Pagination
Pagination یکی دیگر از ابزارهای Bootstrap است که به طور پیش‌فرض در نسخه‌های 3 و بالاتر فریم‌ورک وجود دارد. این ابزار به کاربران این امکان را می‌دهد که به راحتی به صفحات مختلف یک لیست یا جدول دسترسی پیدا کنند. با استفاده از Pagination، می‌توانید صفحه‌بندی را با استفاده از کلاس‌های CSS مختلف، سفارشی کنید.
برای استفاده از Pagination در Bootstrap، کافی است از کلاس .pagination استفاده کنید. سپس با استفاده از کلاس‌های .page-item و .page-link، می‌توانید دکمه‌های صفحه‌بندی را تعیین کنید. همچنین با استفاده از دو کلاس .disabled و .active، می‌توانید دکمه‌های غیرقابل استفاده و دکمه‌های فعلی را تعیین کنید.
نتیجه‌گیری
با استفاده از Offcanvas و Pagination در Bootstrap، می‌توانید به راحتی بخشی از صفحه را به شکل شناور و به صورت انتخابی نمایش دهید و صفحه‌بندی را با استفاده از دکمه‌هایی سفارشی کنید. با این ابزارها، می‌توانید طراحی و توسعه وب سایت‌های خود را بهبود بخشید.
