html - 较小显示器的中心导航栏/品牌

Question

如果有人问过这个问题，我深表歉意，但如果用户缩小他们的显示，我会尝试将我的导航栏居中。

现在，我将导航栏项 float 到右侧，将品牌 float 到左侧以进行大型显示。当显示缩小时，它们保留在右侧和左侧。

我希望它们在显示缩小时居中。

---

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

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

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>