リスト・グループのヘッダーにテキストとボタンを縦に配置するにはどうしたらいいですか？

Question

私は垂直ヘッダを中心とするブートストラップ方法をご希望のリストグループ

.list-group-header{ 
    border: solid black 1px; 
} 

button{ 
    height: 50px; 
} 

<div class="list-group-header clearfix"> 
    <div class="pull-left"> 
    Open Issues 
    </div> 

    <button class="pull-right"> 
    New Issue 
    </button> 
</div> 

で次のヘッダーを持つ「未解決の問題」ボタン

Answer 1

とあなたはを設定することができ線高さ：

.list-group-header{ 
 
    border: solid black 1px; 
 
} 
 

 
.pull-left { 
 
    line-height: 50px; 
 
} 
 
button{ 
 
    height: 50px; 
 
}

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

 

 
<div class="list-group-header clearfix"> 
 
    <div class="pull-left"> 
 
     Open Issues 
 
    </div> 
 

 
    <button class="pull-right"> 
 
     New Issue 
 
    </button> 
 
</div>