ブートストラップvalignコンテンツ

-3

私は、垂直に整列しようとしている単純なコードを持っています。ブートストラップvalignコンテンツ

JSフィドル：下の画像にhttps://jsfiddle.net/3kj44net/

.container-fluid { 
 
    padding-left: 20px; 
 
    padding-right: 20px; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<header class="header-tool-title"> 
 
    <div class="container-fluid"> 
 
     <div class="row"> 
 
     <div class="col-md-5 vcenter"> 
 
      <h1 class="toolTitle"><span name="el_toolName">Tool Name</span> <small class="toolSubTitle">#<span name="el_toolID">244</span></small></h1> 
 
     </div> 
 
     <div class="col-md-7 vcenter"> 
 
      <span class="pull-right toolStatus"> 
 
       <span class="pull-right"> 
 
        <h4 class="text-right"><span name="el_toolStatus"><a data-content-type="manageDeprecation" name="route">Scheduled for Deprecation</a></span></h4> 
 
       </span> 
 
      </span> 
 
     </div> 
 
     </div> 
 
    </div> 
 
</header>

は、私は右のテキストが左のテキストと同じレベルになりたいです。

コンテンツにverticle-align属性を追加しようとしましたが、まだ移動しませんでした。

思考？