نوار پیمایشی کناری، همانند navbar است، ولیکن در قسمت چپ و راست نمایش داده میشود، این موضوع نیز همانند navbar با تغییر اندازه مرورگر، تغییرات لازم را انجام میدهد.
مثال
نوارهای کناری، برای درست نمایش داده شدن، خوب وابسته به موقعیت قرار گیری، در صفحه دارد، بدین منظور پیشنهاد ما این است که به صورت
یک grid در صفحه جایگذاری شود، همچنین زمانیکه اندازه مرورگر از حدی کمتر شد، حالت grid به block تبدیل شود، تا نمایش مطلوبی ایجاد شود.
هر چند، نوع استفاده به شما بستگی دارید.
در زیر یک نمونه از نوار پیمایشی را مشاهده میکنید که در یک محدوده قرار داده شده است.
LTR
List 1
Item 1
Item 2
Item 3
Disabled
List 2
Item 1
Item 2
Item 3
Disabled
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed augue lacus viverra vitae congue eu consequat ac. Augue lacus viverra vitae congue eu. Ut morbi tincidunt augue interdum velit euismod in pellentesque massa. Senectus et netus et malesuada fames ac.
RTL
لیست 1
گزینه 1
گزینه 2
گزینه 3
غیر فعال
لیست 2
گزینه 1
گزینه 2
گزینه 3
غیر فعال
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
در مثال بالا ما یک دکمه قرار دادیم که از جنس navbar-toggler است، شما میتوانید این دکمه را با دکمه navbar یکسان کنید، کافیست مقدار target به شناسه نوار کناری نیز اشاره کند.
تبدیل به افقی
اگر تمایل دارید نوار کناری ابتدا به نوار افقی تبدیل شود و سپس مخفی گردد، کافیست نوع نمایش grid را تغییر دهید.
بدین منظور کافیست کلاس grid-block-l یا m یا s را به آن اضافه کنید.
LTR
List 1
Item 1
Item 2
Item 3
Disabled
List 2
Item 1
Item 2
Item 3
Disabled
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed augue lacus viverra vitae congue eu consequat ac. Augue lacus viverra vitae congue eu. Ut morbi tincidunt augue interdum velit euismod in pellentesque massa. Senectus et netus et malesuada fames ac.
RTL
لیست 1
گزینه 1
گزینه 2
گزینه 3
غیر فعال
لیست 2
گزینه 1
گزینه 2
گزینه 3
غیر فعال
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.