Question

所以我目前在导航栏的左侧有徽标，但我希望它在中间。我在这些论坛和谷歌搜索上几乎尝试了所有内容，我似乎无法改变它。

以下是代码：

<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

以下示例将徽标放在工具栏的中间：http://jsbin.com/efagoj/1/edit。

您需要做的唯一关键更改是将float: none; margin: 0 auto;提供给a标记.brand。我们添加了float: none;，因为在引导程序.brand中有一个float: left;，我们不希望它像那样。 margin: 0 auto;是将链接置于中心位置。

我们还需要使用text-align: center;将container-fluid添加到div中。

在Bootstraps导航栏中居中图像/徽标？

1 个答案: