css - 内联 div bootstrap 中的所有内容

Question

我正在尝试使用 bootstrap 和 css 水平对齐 h2 和 div 内部的底部。我的代码如下。

<div class="col-md-9">
  <div class="alert alert-info">
    <i class="fa fa-coffee"></i>
     Use this form to update your profile.
  </div>
<div>
   <h3>Personal info</h3>
   <button class="btn btn-danger" href="#">Edit</button>
 </div>        
</div>

Answer 1

你可以试试这个

<div class="check">
   <h3>Personal info</h3>
   <button class="btn btn-danger" href="#">Edit</button>
 </div>  

.check h3,.check button{
  display:inline-block;
}

工作 JSfiddle