我尝试在导航栏上使用Bootstrap5 Toggle bottom offcanvas。首先我写到"Home"，
aria-controls="offcanvasBottom">Home</button>然后我将一些文本内容放入破折号区域：
<div class="offcanvas-body small">
...
</div>
它工作得很好。然后我复制粘贴所有 offcanvas 代码并更改"Home"为"Contacts"并将新文本内容放入破折号区域。当我检查这两个 offcanvas 的代码时"Home" and "Contacts"，我发现两个 offcanvas 中的文本内容相同。然后我创建（复制粘贴）更多 Toggle bottom offcanvas - "services", "FAQ"，具有不同的文本内容。我的网页中的结果是一样的。它们都具有相同的文本内容，例如第一个 Toggle bottom offcanvas "Home"。我想要——当我点击时"Home", "Contacts", "Services",..etc。里面有不同的文本内容 - 不一样。Toggle bottom offcanvas 中有几个class's and id's，但主要是class="btn btn-primary"和id="btnnav"。