-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
屬性的內容,但它仍然不會移動。
想法?