title: How to align vertically nav content
body: <p>I have buttons in my page navigation part. Buttons are in unorder list tag such that:</p>
  
  <pre><code>&lt;nav class="navbar navbar-inverse noPadding"&gt;
          &lt;div class="container-fluid"&gt;
              &lt;div class="navbar-header logo"&gt;&lt;/div&gt;
              &lt;ul class=" nav navbar-left navbar-nav"&gt;
                  &lt;li&gt;&lt;a href="#" class="link_btn_clickable_padding"&gt;&lt;button class="btn btn-danger btn_no_border"&gt;هشدارها&lt;/button&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" class="link_btn_clickable_padding"&gt;&lt;button class="btn btn-success btn_no_border"&gt;اقلام جدید&lt;/button&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" class="link_btn_clickable_padding"&gt;&lt;button class="btn btn-primary btn_no_border"&gt;ناموجود&lt;/button&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" class="link_btn_clickable_padding"&gt;&lt;button class="btn btn-info btn_no_border"&gt;مشتریان جدید&lt;/button&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" class="link_btn_clickable_padding"&gt;&lt;button class="btn btn-warning btn_no_border"&gt;همکاران جدید&lt;/button&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="dropdown"&gt;&lt;a class="dropdown-toggle link_btn_clickable_padding" data-toggle="dropdown" href="#"&gt;&lt;button class="btn-default btn_no_border navbar-btn"&gt;سهیل&lt;span class="caret"&gt;&lt;/span&gt;&lt;/button&gt;&lt;/a&gt;
                      &lt;ul class="dropdown-menu"&gt;
                          &lt;li&gt;&lt;a href="#"&gt;نمایه&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;خروج&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
  </code></pre>
  
  <p>and I want to align buttons vertically in navigation part.
  How can I do that?
  <a href="https://jsfiddle.net/wzh68cad/2/" rel="nofollow noreferrer">https://jsfiddle.net/wzh68cad/2/</a></p>
  
  <p>I put border in <code>ul</code> area and I want the <code>ul</code> area be aligned vertically, I mean top and bottom distance should be the same.</p>