如何使用bootstrap将品牌置于导航栏中心？

Question

我现在正在使用bootstrap制作我的第一个WordPress主题，并尝试将我的品牌标识置于菜单中间。我已经研究了不同的方法来做到这一点，即使在这里也是如此，但却无法使它们正常工作。

这是我的HTML：

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
        <div class="row">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </a>
                <a class="brand" href="<?php echo site_url(); ?>"><?php bloginfo('name'); ?></a>
                <div class="nav-collapse collapse">
                  <ul class="nav">

                      <?php wp_list_pages(array('title_li' => '', 'exclude' => 4)); ?>

                  </ul>
                </div><!--/.nav-collapse -->
        </div>
        </div>
    </div>
  </div>

我如何才能完成这项工作，并始终保持响应？我必须制作两个菜单字段吗？任何建议表示赞赏！