Bootstrap圖標集自動調整太小

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; 
} 

什麼是保持其父容器內的圖標比例的最佳做法？

Answer 1

使用FontAwesome圖標的伎倆:)

http://fontawesome.io/