使用Bootstrap調整視口大小內容

Question

我在使用Google的PageSpeed工具，並在我的主頁上遇到了一個問題，我不知道如何解決。建議修正「大小內容到視口」，但在使用Twitter Bootstrap之前，我從未遇到過這個問題。有人可以看看我的網站，看看有什麼我失蹤了嗎？

<div class="row"> 
    <div class="container"> 
     <div class="col-sm-4 text-center">...</div> 
     <div class="col-sm-4 text-center">...</div> 
     <div class="col-sm-4 text-center">...</div> 
    </div> 
</div> 

我試過從div中刪除「文本中心」類，似乎並沒有工作。

的PageSpeed：https://developers.google.com/speed/pagespeed/insights/?url=game-brain.com&tab=mobile

網站：http://game-brain.com/

Answer 1

你放在容器內row.kindly，地方行內的容器。

即

<div class="container" style="margin-top:30px;"> 
    <div class="row"> 
    <div class="col-sm-4 text-center"> 
     <h4>Stay current</h4> 
     <p>Play smarter by staying up to date with the latest Clash of Clan strategies provided by our community and the Game Brain team.</p> 
    </div> 
    <div class="col-sm-4 text-center"> 
     <h4>Extensive testing</h4> 
     <p>All of our guides go through extensive play testing to determine if the strategy is viable for the current meta game.</p> 
    </div> 
    <div class="col-sm-4 text-center"> 
     <h4>Contribute</h4> 
     <p>Our team encourages the gaming community to help contribute to the site. Reach out to us and help other players.</p> 
    </div> 
    </div> 
</div>