Bootstrap - 将1项目放在左侧，同时保留另一个项目的中心位置

Question

我想不出有一种方法可以在导航栏的左侧放置徽标，但是项目要完美居中。我尝试使用margin auto作为物品，但由于徽标占用空间，他们会立即离开中心。

HttpContext.Request

IFormCollection

从上面的预览链接可以看到，第二个导航栏项目位于第一个导航栏项目的完全相同的位置。问题是我希望这些完全居中，好像徽标永远不存在。因此，我需要导航项向左移动才能完全居中并且不受徽标的影响。

我该怎么做？希望有意义！

编辑：图片更清楚地说明问题：

https://www.codeply.com/go/DUmlhXetYE

Answer 1

有两种方法可以解决您的问题。

1）徽标类适用css position: absolute，父类适用css position: relative;

2）菜单类navbar-nav应用css transform: translateX(-80px);您可以获得导航中心对齐。按照你的期望。

Answer 2

使用绝对定位：

.navbar-brand {
    position: absolute;
    left: 16px;
}

Answer 3

请使用Bootstrap 4作为此类预定义的css库。 复制粘贴下面找到结果的代码

enter image description here

＆＃13;

＆＃13;

Error: Couldn't setup listening socket (err=-3)

＆＃13;

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">

＆＃13;

＆＃13;

＆＃13;

祝你好运：）