javascript - 导航折叠时 Bootstrap 左品牌列表奇怪的定位

Question

我试图让我的网站在 navbar-brand 旁边有 2 个按钮，无论屏幕大小如何，它们都将保留在那里。我有来自正确设置的可折叠元素，当屏幕为移动尺寸时折叠。我遇到的问题是，当导航折叠时，列表的定位被弄乱了。我已尝试更改右侧 ul 的边距、宽度和填充，但似乎无法解决问题。

我希望导航栏在折叠处于事件状态时看起来像这样，而不仅仅是在它打开时。

这就是导航栏折叠后发生的情况，我检查了元素，左侧按钮的宽度似乎是 100%，但在更改后，我陷入无法更改的边距。

Codepen Link

任何帮助都会很棒。谢谢。

Answer 1

检查这个Jsfiddle Link

<ul class="nav navbar-nav icons">
<li><a href="#"><span class="glyphicon glyphicon-wrench"></span></a></li>
<li><a href="#"><span class="glyphicon glyphicon-question-sign"></span></a></li>
</ul>

我在 navbar-brand 之后移动了带有 icons 的 ul