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>

我把 ul 和 icons 移到了 navbar-brand

之后