2016-08-24 74 views
-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屬性的內容,但它仍然不會移動。

想法?

enter image description here

回答