Javascript 附于导航问题

我目前正在构建我的个人投资组合，虽然没有很多javascript方面的实用知识，但在经历了很多教程之后，我决定尝试实现我在别处看到的东西：可分离的导航

使用这个网站，作为参考，我开始创建我的分离导航；然而，有些事情出了可怕的问题

首先，收割台将自动向左对齐，而不是返回其默认位置

第二，虽然你还看不到它的实现，但我希望社交图标在使用动画滚动过去后显示在导航中。那一段代码太复杂了，我把它扔掉了

---

任何提示都将不胜感激。

为什么不直接使用引导呢？它已经内置了以下功能：

下载引导程序：

将bootsrap Javascript和CSS添加到页面中

在HTML中，添加以下DIV：

您可以根据需要更改div

<div class="navbar navbar-fixed-top">
    <li class="active">
        <a href="#">Home</a>
    </li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
</div>

诚实的回答：因为我不知道如何使用它。我将检查它并尝试将其记录下来，但除了jQuery之外，我从未使用过Bootstrap或任何其他库。我对这一点并不总是很确定。谢谢我来试一试，非常简单：包括引导JS和引导CSS，然后按照它们指定的方式定义导航。我将编辑我的帖子，给出如何做到这一点的确切轮廓。