将图像置于navbar-header / navbar-brand中心

Question

这是我第一次使用bootstrap＆amp;我使用根主题作为准系统模板。 我在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;
}