<nav id="navbar-example2" class="navbar bg-body-tertiary px-3 mb-3">
		<a class="navbar-brand" href="javascript:void(0);">Navbar</a>
		<ul class="nav nav-pills">
		<li class="nav-item">
			<a class="nav-link" href="#scrollspyHeading1">اول</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" href="#scrollspyHeading2">دوم</a>
		</li>
		<li class="nav-item dropdown">
			<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="javascript:void(0);" role="button" aria-expanded="false">کشویی</a>
			<ul class="dropdown-menu">
			<li><a class="dropdown-item" href="#scrollspyHeading3">سوم</a></li>
			<li><a class="dropdown-item" href="#scrollspyHeading4">چهارم</a></li>
			<li><hr class="dropdown-divider"></li>
			<li><a class="dropdown-item" href="#scrollspyHeading5">پنجم</a></li>
			</ul>
		</li>
		</ul>
	</nav>
	<div data-bs-spy="scroll" data-bs-target="#navbar-example2" data-bs-root-margin="0px 0px -40%" data-bs-smooth-scroll="true" class="scrollspy-example bg-body-tertiary p-3 rounded-2" tabindex="0">
		<h4 id="scrollspyHeading1">عنوان اول</h4>
		<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
		<h4 id="scrollspyHeading2">عنوان دوم</h4>
		<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
		<h4 id="scrollspyHeading3">عنوان سوم</h4>
		<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
		<h4 id="scrollspyHeading4">عنوان چهارم</h4>
		<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
		<h4 id="scrollspyHeading5">عنوان پنجم</h4>
		<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
	</div>

	<div class="row">
		<div class="col-4">
		<nav id="navbar-example3" class="h-100 flex-column align-items-stretch pe-4 border-end">
			<nav class="nav nav-pills flex-column">
			<a class="nav-link" href="#item-1">مورد 1</a>
			<nav class="nav nav-pills flex-column">
				<a class="nav-link ms-3 my-1" href="#item-1-1">مورد 1-1</a>
				<a class="nav-link ms-3 my-1" href="#item-1-2">مورد 1-2</a>
			</nav>
			<a class="nav-link" href="#item-2">مورد 2</a>
			<a class="nav-link" href="#item-3">مورد 3</a>
			<nav class="nav nav-pills flex-column">
				<a class="nav-link ms-3 my-1" href="#item-3-1">مورد 3-1</a>
				<a class="nav-link ms-3 my-1" href="#item-3-2">مورد 3-2</a>
			</nav>
			</nav>
		</nav>
		</div>
	
		<div class="col-8">
		<div data-bs-spy="scroll" data-bs-target="#navbar-example3" data-bs-smooth-scroll="true" class="scrollspy-example-2" tabindex="0">
			<div id="item-1">
			<h4>مورد 1</h4>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			</div>
			<div id="item-1-1">
			<h5>مورد 1-1</h5>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			</div>
			<div id="item-1-2">
			<h5>مورد 1-2</h5>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			</div>
			<div id="item-2">
			<h4>مورد 2</h4>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			</div>
			<div id="item-3">
			<h4>مورد 3</h4>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			</div>
			<div id="item-3-1">
			<h5>مورد 3-1</h5>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			</div>
			<div id="item-3-2">
			<h5>مورد 3-2</h5>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			</div>
		</div>
		</div>
	</div>

	<div class="row">
		<div class="col-4">
		<div id="list-example" class="list-group">
			<a class="list-group-item list-group-item-action" href="#list-item-1">مورد 1</a>
			<a class="list-group-item list-group-item-action" href="#list-item-2">مورد 2</a>
			<a class="list-group-item list-group-item-action" href="#list-item-3">مورد 3</a>
			<a class="list-group-item list-group-item-action" href="#list-item-4">مورد 4</a>
		</div>
		</div>
		<div class="col-8">
		<div data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" class="scrollspy-example" tabindex="0">
			<h4 id="list-item-1">Item 1</h4>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			<h4 id="list-item-2">Item 2</h4>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			<h4 id="list-item-3">Item 3</h4>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			<h4 id="list-item-4">Item 4</h4>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
		</div>
		</div>
	</div>

	<div class="row">
		<div class="col-4">
		<div id="simple-list-example" class="d-flex flex-column gap-2 simple-list-example-scrollspy text-center">
			<a class="p-1 rounded" href="#simple-list-item-1">مورد 1</a>
			<a class="p-1 rounded" href="#simple-list-item-2">مورد 2</a>
			<a class="p-1 rounded" href="#simple-list-item-3">مورد 3</a>
			<a class="p-1 rounded" href="#simple-list-item-4">مورد 4</a>
			<a class="p-1 rounded" href="#simple-list-item-5">مورد 5</a>
			<a class="p-1 rounded" href="#simple-list-item-6">مورد 6</a>
			<a class="p-1 rounded" href="#simple-list-item-7">مورد 7</a>
		</div>
		</div>
		<div class="col-8">
		<div data-bs-spy="scroll" data-bs-target="#simple-list-example" data-bs-offset="0" data-bs-smooth-scroll="true" class="scrollspy-example" tabindex="0">
			<h4 id="simple-list-item-1">مورد 1</h4>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			<h4 id="simple-list-item-2">مورد 2</h4>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			<h4 id="simple-list-item-3">مورد 3</h4>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			<h4 id="simple-list-item-4">مورد 4</h4>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			<h4 id="simple-list-item-5">مورد 5</h4>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			<h4 id="simple-list-item-6">مورد 6</h4>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
			<h4 id="simple-list-item-7">مورد 7</h4>
			<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.</p>
		</div>
		</div>
	</div>