html引导垂直对齐

我想将左侧的文本与下面面板标题右侧的3个按钮对齐：

这是我的密码：

    <div class="col-lg-9 col-md-9 col-sm-9">
                <h4 class="panel-title">
                <!--<a data-toggle="collapse" data-target="#collapse1">-->
                <h2>Pf <strong>{{pf.pfid}}</strong></h2>
                <!-- </a>-->
                 </h4>
              </div>
              <div class="col-lg-1 col-md-1 col-sm-1">
                <button class="btn btn-danger btn-circle-lg" (click)="AddPf()" disabled><span class="glyphicon glyphicon-plus"></span></button>
              </div>
              <div class="col-lg-1 col-md-1 col-sm-1">
                <button class="btn btn-warning btn-circle-lg" (click)="showAccForm()"><span class="glyphicon glyphicon-plus"></span></button>
              </div>
              <div class="col-lg-1 col-md-1 col-sm-1" *ngIf="authorization.profileid==1">
                <button class="btn btn-info btn-circle-lg" (click)="showAssForm()"><span class="glyphicon glyphicon-plus"></span></button>
             </div>

Pf{Pf.pfid}

有什么想法吗？

您可以使用它将元素向左或向右浮动。要将文本行与按钮组的中间行对齐，请使用与按钮高度相等的值

。面板标题{
线高：36px；
}

Pf3788
面板内容

您可以使用它将元素向左或向右浮动。要将文本行与按钮组的中间行对齐，请使用与按钮高度相等的值

。面板标题{
线高：36px；
}

Pf3788
面板内容

您可以简单地为元素提供一些页边空白顶部可能的重复项您可以简单地为元素提供一些页边空白顶部可能的重复项