ブートストラップアイコンのサイズが小さすぎる自動サイズ変更

Question

私のアイコンを中心に自動調整する解決策が見つかりました（横には&）コンテナ内にあります。

ただし、ビューポートがスマートフォンサイズの場合、アイコンのサイズが非常に小さくなり、コンテナのサイズが大きくなりすぎます。

<section id="icon"> 
    <div class="container-fluid"> 
     <div class="row"> 
     <div class="col-xs-2 col-xs-offset-3"> 
      <a href="https://github.com/RyanGarant"><img class="img-responsive" alt="github" src="http://image.flaticon.com/icons/svg/25/25231.svg"></a> 
     </div> 
     <div class="col-xs-2"> 
      <a href="http://stackoverflow.com/users/6502003/ryan-garant"><img alt="stackoverflow" src="http://ryangarant.com/stacko.png"></a> 
     </div> 
     <div class="col-xs-2"> 
     <a href="https://www.linkedin.com/in/ryantgarant"><img alt="linkedin" src="http://image.flaticon.com/icons/svg/145/145807.svg"></a> 
     </div> 
     </div> 
    </div> 
    </section> 

    /*Icon Section*/ 
#icon .col-xs-2 { 
    background: white; 
    height: 100px; 
} 
#icon .container-fluid { 
    background: white; 
} 
#icon img { 
    height: 100%; width: 100%; object-fit: contain; 
} 

親コンテナ内の比例のアイコンを維持するためのベストプラクティスは何ですか？ FontAwesomeアイコンを使用して

Answer 1

はトリック:)

http://fontawesome.io/