Bootstrap Navbar Açılmıyor

Merhaba, navbar collapse butonuna tıklayınca mobilde açılmıyor. Yardımlarınızı bekliyorum bir türlü çözemedim.

<div class="navbar area">
<!-- Logo -->
<a href="index.html" class="brand">
<img src="src/assets/nav-logo.png" alt="Logo">
</a>
<!-- Button to toggle the display menu -->
<button data-collapse data-target="#navigation" class="toggle">
<!-- Hamburger icon -->
<span class="icon"></span>
</button>

<!-- List of links -->
<nav role="navigation" id="navigation" class="list">
<a href="a.html" class="item -link">A</a>
<a href="b.html" class="item -link">B</a>
<a href="c.html" class="item -link">C</a>
<a href="d.html" class="item -link">D</a>
<a href="e.html" class="item -link active">E</a>
</nav>
                </div>

JS dosyalarını import ettiniz mi?

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

Bunlar ekli hocam head kısmında.

bootstrap.css ekli mi peki?

</body> 'den önce ekleyip dener misiniz?
Yine olmazsa jquery.slim.min.js ve bootstrap.bundle.min.js dosyalarını da import edip deneyin.

https://mdbootstrap.com/snippets/jqu...lmoxis/1170559 az önceki link yanlışmış pardon.

Kodların canlı hali de şurada yer alıyor. Dediklerinizi yapıp denedim hocam yine aynı.

menü kısmında ul li yok muhtemelen ondandır. bottstrapin verdiği örneği kullanın daha başındasınız gibi duruyor. https://www.codecademy.com/articles/...-navbar-modals

bu da çalışan hali https://jsfiddle.net/osemk/jkp4buv2/

<button data-toggle="collapse" data-target="#navigation" class="toggle">
.
.
.
<nav id="navigation" class=" dropdown-menu dropdown-menu-right">

böyle günceller misiniz?

linkler yukarıdan aşağıya olsun isterseniz de -link değil nav-link yapın.