How to set the button to the center of the navigation bar?

Question

Bootstrap

Hello! How to set the "add recipe" button to the center of the navbar?
Now it is pressed at the top, but we need a 10-15px indent from the top. The code:

<div class="container-fluid">
       <div class="row">
           <div class="navbar navbar-default" role="navigation">
               <div class="container">
                   <div class="navbar-header">
                      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#resposive-menu">
                          <span class="sr-only">открыть навигацию</span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                      </button>
                       <a href="#" class="navbar-brand">newmulti</a>
                   </div>
                   <div class="collapse navbar-collapse" id="resposive-menu">
                       <ul class="nav navbar-nav navbar-right">
                           <li><a href="#">Login</a></li>
                           <li><a href="#">Signup</a></li>
                           <a class="btn btn-warning" href="#">Добавить рецепт</a>
                       </ul>
                   </div>
               </div>
           </div>
       </div>
   </div>

Answer 1

codepen.io/Demetrius/pen/gPxYvp
If I understood everything correctly