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中删除“text-center”类，但似乎没有用。

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>

使用Bootstrap将内容大小调整为视口问题

1 个答案: