<nav id="navbar-example2" class="navbar bg-light px-3 mb-3">
                                                                    <a class="navbar-brand" href="#">نوار ناوبری</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="#" 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 class="scrollspy-example bg-light p-3 rounded-2" data-bs-spy="scroll" data-bs-target="#navbar-example2" data-bs-root-margin="0px 0px -40%" data-bs-smooth-scroll="true" tabindex="0">
                                                                    <h4 id="scrollspyHeading1">عنوان اول</h4>
                                                                    <p>...</p>
                                                                    <h4 id="scrollspyHeading2">عنوان دوم</h4>
                                                                    <p>...</p>
                                                                    <h4 id="scrollspyHeading3">عنوان سوم</h4>
                                                                    <p>...</p>
                                                                    <h4 id="scrollspyHeading4">عنوان چهارم</h4>
                                                                    <p>...</p>
                                                                    <h4 id="scrollspyHeading5">عنوان پنجم</h4>
                                                                    <p>...</p>
                                                                </div>