Twitter bootstrap 与引导垂直对齐

我刚刚读了很多关于这个的话题，我已经尝试了所有可能的方法，但是我仍然被这个问题所困扰

这是我的密码：

<nav class="navbar navbar-default " role="navigation">
      <div class="topbg"></div>
      <div class="navbar-header">
        <button type="button" class="navbar-toggle">
          <span class="sr-only">Toggle navigation</span>
        </button>
        <a class="navbar-brand logo" href="#"></a>
      </div>
      <div class="collapse navbar-collapse" id="optionFilter">
        <ul class="nav navbar-nav">
          <li class="linksMenu">
            <a class="active" href="#">1</a>
          </li>
          <li class="linksMenu">
            <a href="#">2</a>
          </li>
          <li class="linksMenu">
            <a href="#" >3</a>
          </li>
          <li class="linksMenu">
            <a href="#">4</a>
          </li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
            <li><a href="#"><button class="btn btn-primary btn-xs btn-left"></button></a></li>
            <li><a href="#"><button class="btn btn-primary btn-xs btn-right"></button></a></li>
        </ul>
      </div>
    </nav><!-- /navbar --> 

切换导航

因此，我的DIV

.navbar collapse

中有两个ul，但我无法修复垂直对齐。 我的DIV有一个非固定的高度，并随内容自动设置，但当我尝试将

高度：100%

设置为我的ULs时，没有任何更改