如何将按钮和一些文本放在一行，并使文本vertical-align：middle;？

Question

我可以在一行中制作（如果有更好的解决方案，请告诉我），但我无法将文本垂直对齐在中间。

＆＃13;

＆＃13;

   #info{
     vertical-align: middle;

    }

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>


<div class="container">
    <div class="row">
        <div class="col-md-3 col-md-offset-3">
<div id="save">
    <div class="pull-left">
      <button type="button" class="btn btn-default"> 
          save
        </button>
    </div>
    <div class="pull-right" id="info">info</div>
    <div class="clearfix"></div>
  </div>
          </div>
      </div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您必须对齐按钮和#info的问题是引导程序正在为按钮设置样式，但您的div #info的样式不同。

请记住将相似的样式添加到 #info ，以便它获得类似的位置。在这种情况下，您只需要：

#info {
    display:inline-block;
    padding: 6px 12px;
    line-height:1.42857143;
}

您可以看到它正常工作here。