用于小型显示器的中心导航栏/品牌答案

【问题标题】：Center Navbar / Brand for Smaller Displays用于小型显示器的中心导航栏/品牌
【发布时间】：2015-06-29 19:17:18
【问题描述】：

抱歉，如果这已经被问过了，但是如果用户缩小他们的显示，我会尝试将我的导航栏居中。

现在，我将导航栏项目浮动到右侧，品牌在左侧用于大型显示。当显示缩小时，它们会保留在右侧和左侧。

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

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

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

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

这可能不是最好的方法，但您可以只使用图像，然后对其应用“中心块”类

<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>

【讨论】：

嗯。中心块很有用，但我认为将菜单更改为图像会带来更多问题......但感谢您的建议！
它所做的只是用图像替换品牌，我多次使用它，但我从未需要将品牌/img 居中
嗯。这可能有效......但它不能解决导航栏居中问题：-/