image - 在 Bootstrap 导航栏中居中图像/ Logo ？

Question

所以我目前将 Logo 放在导航栏的最左侧，但我希望它位于中间。我已经尝试了这些论坛和谷歌搜索中的几乎所有内容，但我似乎无法更改它。

这是它的代码:

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container-fluid">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
      <a class="brand" href="#">
      <img alt="logo.png"src="img/logo.png" style="height:60px;>          

</div>

谢谢，

Answer 1

这是一个将 Logo 放在工具栏中间的示例:http://jsbin.com/efagoj/1/edit .

您需要做的唯一关键更改是给 float: none; margin: 0 auto; 到 .brand 类的 a 标签。我们添加 float: none; 因为在 bootstrap .brand 中有一个 float: left; 而我们不希望它像那。 margin: 0 auto; 是让链接居中。

我们还需要添加 text-align: center; 到带有 container-fluid 的 div。