如何使用链接引导导航标签面板?



我在导航选项卡窗格中的链接遇到了麻烦。由于某些原因,链接会添加域名,然后在my href中添加链接,如下所示:

https://www.edmontonyouth.com/" www.edmontonyouth.com/attractions/edmonton-corn-maze "

我做错了什么?

如果你想看看我正在使用的网页,看看它在做什么你可以在www.edmontonyouth.com/places-to-visit-in-edmonton上找到它

我正在考虑尝试一个列表组,而不是看看它的工作方式不同,因为也许问题是,它是一个导航药丸。

下面是我的代码示例:

<div class="d-flex align-items-start">
<div class="nav flex-column nav-pills me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<button class="nav-link active" id="v-pills-home-tab" data-bs-toggle="pill" data-bs-target="#v-pills-home" type="button" role="tab" aria-controls="v-pills-home" aria-selected="true">
Edmonton Corn Maze
</button>
</div>
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active text-center" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
<img src="images/edmonton-corn-maze.jpg" class="mb-3" style="height: 200px" alt="The Edmonton Corn Maze photo" title="The Edmonton Corn Maze" />
<p>
The Edmonton Corn Maze is a great attraction for a day outside. The maze changes every year, but it has oh so much to do! There is stuff to do for the little and bigger kids, making it a great place for kids of all ages.
</p>
<a href="www.edmontonyouth.com/attractions/edmonton-corn-maze" class="btn btn-outline-primary me-2" title="The Edmonton Corn Maze" alt="The Edmonton Corn Maze Link">
Link to our Review
</a>
<a href="https://www.edmontoncornmaze.ca/" class="btn btn-outline-primary" title="The Edmonton Corn Maze" alt="The Edmonton Corn Maze Link to Their Website">
Link to Their Website
</a>
</div>
</div>
</div>

所以我才意识到问题是我的链接周围的双引号。它们与正确的编码略有不同,因为它们稍微弯曲(插入手放在脸上的表情符号)。我不知道我是怎么做到的

最新更新