bootstrap v4.3 nav-item dropdown

Question

Witam, na początku chciałbym zaznaczyć, że dopiero rozpoczynam swoją przygodę z programowaniem webowym, więc moje pytanie może wyglądać na banalnie proste, niestety poświęciłem masę czasu i nie potrafię znaleźć rozwiązania. Mianowicie próbuje zrobić w Bootstrap 4 menu rozwijane w tym celu używam klasy .nav-item dropdown, każdy pojedyńczy plik .html ustawiam do pracy za pomocą elementu <a>,  problem polega na tym, że nie działa mi przekierowanie na nową stronę tylko dla menu rozwijanego. Dla lepszego zobrazowania dołączam fragment kodu:
 

<header>
        <nav class="navbar navbar-dark bg-dark navbar-expand-lg mr-auto">
        <div class="container">
            <a class="navbar-brand" href="index.html">maxwell.pl</a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainmenu" aria-controls="mainmenu" aria-expanded="false" aria-label="Przełącznik nawigacji">
                  <span class="navbar-toggler-icon"></span>
                  </button>
            <div class="collapse navbar-collapse" id="mainmenu">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item">
                    <a class="nav-link" href="korepetycje-matematyka-fizyka">Strona główna</a>
                    </li>
                     <li class="nav-item dropdown">
                     <a class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" id="dropdownMenuButton" aria-haspopup="true">
                        Oferta</a>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            <a class="dropdown-item" href="korepetycje">Korepetycje</a>
                            <a class="dropdown-item" href="przygotowanie-do-matury"> Matura </a>
                        </div>    
                    </li>
                
                    <li class="nav-item">
                        <a class="nav-link" href="cennik.html">Cennik</a>
                    </li>
                    
                    <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-expanded="false" id="submenu" aria-haspopup="true">James Maxwell</a>
                        
                        <div class="dropdown-menu" aria-labelledby="submenu">
                            <a class="dropdown-item" href="maxwell.html"> Życiorys </a>
                            <a class="dropdown-item" href="anegdoty-maxwell"> Anegdoty </a>
                        </div>    
                    </li>
                    
                    <li class="nav-item">
                        <a class="nav-link" href="kontakt--korepetycje">Kontakt</a>
                    </li>
                    
                </ul>
            </div
        </div>
        </nav>
    </header>

Zaznaczam, że przełączenia strony w klasie. nav-item .nav-link działają, nie działają tylko dla menu rozwijanego, czyli z plikiem .htaccess powinno być wszystko w porządku.

Z góry dziękuję za każdą radę i pomoc.

Answer 1

Raz masz anegdoty-maxwell innym razem maxwell.html watpie zebys mial plik bez html. No i skad mamy wiedziec czy htaccess jest ok i czy masz wlaczony rewriite mode zeby miec przyjazne linki. Za malo konkretow zeby cos powiedziec