Css 引导导航栏带有徽标和居中链接，在调整窗口大小后不会保持垂直对齐

好的，我正试图利用bootstrap的api进行响应性设计，但是我认为我一开始就错了。所以我有个问题。你可以在上查看我的网站，清楚地了解我遇到的问题

第1期： 首先，居中链接和社交媒体图标没有与徽标垂直对齐，而且我似乎无法使其与具有inline block属性的

.nav

元素正确对齐

第二期： 调整窗口大小并启动引导程序后，当窗口恢复到全屏或大于指定的媒体查询时，

.nav collapse

元素无法将其自身与徽标对齐，而是直接位于徽标下方

---

如何解决这些问题？我还有一个单独的自定义样式表文件，它覆盖了一些引导元素。我应该直接编辑bootstrap.css吗？（这是一个更好的练习吗？）对不起，我是个新手

我通过在logo元素中添加float:left来强制navbar collapse的对齐。我还没有完全测试过这一点，可能会彻底失败，或者至少会带来一些影响。但就目前而言，它可以。如果有人有更好的解决方案/解决方法，我很想听听

您是否可以尝试注释掉覆盖引导的样式表，看看第二个问题是否仍然存在？不，不要直接编辑引导。这不是好的做法！：）您好@domdev，我注释掉了所有自定义css，它仍然存在。好的，所以我问了，因为我发现在bootstrap css中找出哪种样式覆盖了我的样式是相当有挑战性的。然后我就用它了！重要的是，我听说这在某些情况下是有害的。如果你把CSS样式表放在你的文档中引导CSS样式表之后，你就不需要了！重要的是要覆盖。您还应该实现引导站点上建议的导航栏。我可以看出你使用了稍微不同的标记。看这里：谢谢你的提示。很高兴知道