css - 在 navbar-header/navbar-brand 中居中图像

Question

这是我第一次使用 bootstrap，我使用 roots 主题作为准系统模板。我在 header-top-navbar.php 的 navbar-header 元素中放置了一个图像我还将它放在一个 div 中并将 div 类更改为 'navbar-header' 而不是

如下所示。

<div class="navbar-brand"> <a href="<?php echo home_url(); ?>/"><img class="img-responsive" src="<?php echo get_theme_root_uri(); ?>/choir/assets/img/harmonics_logo.png"/></a></div>

我不知道如何让它成为页面的中心。它在 navbar-header 的另一个 div 中，我试过 float:none 和 margin: 0 auto;两者都无济于事。

如有任何建议，我们将不胜感激。

温柔一点，这是我的第一篇文章。

Answer 1

像这样

demo

CSS

.navbar-brand{
    border:1px solid red;
    text-align:center;
}