I am a beginner with bootstrap and I encountered an issue. I created a simple page using bootstrap 5 and included 4 buttons: "Home," "Explore," "Create," and "Share."
Here is the code for reference:
https://github.com/nguyencuc2586/project2
In the code snippet provided below, you can see that I have coded an example like this:
<li class="nav-item">
<a href="#explore-head-section" class="nav-link">Explore</a>
</li>
Furthermore, after coding the above snippet, I proceeded to create the section below:
<section id="explore-head-section">
<div class="container">
<div class="row">
<div class="col text-center py-5">
<div class="display-4">Explore</div>
<p class="lead">Lorem, ipsum.</p>
<a href="" class="btn btn-outline-secondary">Find out more</a>
</div>
</div>
</div>
</section>
So, my expectation was that when I clicked on the Explore button, it should link me to the "Lorem, ipsum..." text.
Unfortunately, it did not work as expected.
I suspect it may be due to the JavaScript part. Can someone provide guidance or advice on how to fix this issue? Thank you in advance.