使用Bootstrap的下拉菜单时，浏览器的“后退”按钮并不总是返回上一页

Question

我是在网页中使用Bootstrap的新手。我包括了Bootstrap的版本4。我想要一个下拉菜单，所以我正在使用W3School的this page。但是，我注意到有时，当我单击下拉菜单中的链接，然后单击浏览器的“后退”按钮时，它并不总是返回上一页。这是我正在谈论的内容的一个片段：

<span class="dropdown">
<button class="btn btn-success dropdown-toggle" type="button" data-toggle="dropdown">Teachers
    <span class="caret"></span>
</button>
<ul class="dropdown-menu">
    <li><a href="PDFs/Teacher/FAQs.pdf">FAQs</a></li>
    <li><a href="ClassroomPoster.htm">Classroom Poster</a></li>
    <li><a href="PDFs/Teacher/A%20Teacher&apos;s%20Experience.pdf">In The Classroom</a></li>
</ul>

我试图在SO上找到一种解决方案，但没有找到解决此问题的解决方案。请提供指导。