内联div bootstrap中的所有内容

Question

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

<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