中心导航栏/品牌用于较小的显示器

Question

如果已经询问过此道歉，但如果用户缩小显示，我会尝试将导航栏放在中心位置。

现在我将navbar-items浮动到右侧，左侧的品牌浮动到大型显示器。当显示器缩小时，它们保持在左右两侧。

当显示器缩小时，我希望它们居中。

---

对于大型显示​​器，这就是我想要的。 （我现在得到的）

对于小型显示器，我希望导航栏和品牌居中。 （不是我现在得到的）

Answer 1

这可能不是最好的方法，但您可以只使用图像，然后将“center-block”类应用于它

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <img class="img-responsive center-block" src="img/logo.png" alt="">
    </div>