ブートストラップ4のアイコンのセンタリング

Question

私はブートストラップ4で構築しているアプリケーションを持っています。画像の下にいくつかのアイコンを配置する必要があります。私はBootply hereを持っています。私のコードは次のようになります。それは中央にツールバーのように見えるように

<div class="container"> 
    <br> 
    <div class="row"> 
    <div class="col-lg-6"> 
     <div class="row"> 
     <div class="col-md-3"> 
      <img alt="Picture" src="http://cdn.bgr.com/2015/11/bill-gates.jpg" class="img-circle center-block" style="max-height:6.0rem;"> 
      <br> 
      <ul class="list-inline"> 
      <li class="list-inline-item"><a href="#" style="font-size:1.2rem;"><i class="fa fa-twitter"></i></a></li> 
      <li class="list-inline-item"><a href="#" style="font-size:1.2rem;"><i class="fa fa-google-plus"></i></a></li> 
      <li class="list-inline-item"><a href="#" style="font-size:1.2rem;"><i class="fa fa-linkedin"></i></a></li> 
      </ul> 
     </div> 

     <div class="col-md-9"> 
      <div><strong>Bill Gates</strong></div> 
      <p> 
      Here is some information about Bill Gates. 
      </p> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

私の質問は、どのように私は私の横方向の画像の下に3つのアイコンを中央んですか？

Answer 1

ULタグで、インラインリストクラスを削除すると、浮動小数点が強制されます。