当导航崩溃时，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