Bootstrap折叠菜单中的中心徽标图标

Question

第一个图像是菜单在全尺寸浏览器窗口上的样子。

Full-size menu

菜单使用引导程序，所以当窗口比一定的宽度窄，小菜单按钮来了，你用它来打开菜单。但是，当在小窗口中打开菜单时，我希望将徽标垂直对齐到与菜单项相同的轴上，并且也与打开的菜单按钮水平对齐。

Small window menu

我试图让整个菜单栏的100％的宽度和中心使用margin: 0 auto的标志，但没有奏效。使用菜单按钮position:absolute将我的按钮向右移动到标志中间。

谢谢！

Answer 1

最简单的方法是把它和aboslut：

.navbar-brand { transform: translateX(-50%); left: 50%; position: absolute;}