ناوبری در سایدبار

نشانه گذاری ستون کناری

مانند سایر انواع ناوبری در Stack، عنصر ستون کناری باید در داخل قرار گیرد عنصر nav-container، با کلاس اضافی .nav-container--sidebar برای پراکندگی صحیح فضای صفحه مورد نیاز است.

ناوبری ستون کناری خود باید دارای کلاس باشد .nav-sidebar-column و می توان آن را با هر محتوایی که لازم است پر کرد. ادامه خرید ing the nav-sidebar-column است .nav-sidebar-column-toggle که اجازه می دهد پیمایش نوار کناری در اندازه های صفحه نمایش کوچکتر نشان داده شود.

قطعه نشانه گذاری زیر تمام چیزی است که برای راه اندازی یک پیمایش ستون کناری در صفحه لازم است (محتوای نوار کناری با «...» نشان داده می شود:

<div class="nav-container nav-container--sidebar">
	<div class="nav-sidebar-column">
		...
	</div>
	<div class="nav-sidebar-column-toggle visible-xs visible-sm" data-toggle-class=".nav-sidebar-column;active">
		<i class="stack-menu"></i>
	</div>
</div>

تغییر سمت ستون

به سادگی کلاس را اضافه کنید .nav-container--راست به عنصر nav-container برای جابجایی ستون کناری به سمت راست صفحه.

<div class="nav-container nav-container--sidebar nav-container--right">
	<div class="nav-sidebar-column">
		...
	</div>
	<div class="nav-sidebar-column-toggle visible-xs visible-sm" data-toggle-class=".nav-sidebar-column;active">
		<i class="stack-menu"></i>
	</div>
</div>