我在哪里可以在我的网站中使用css网格

Question

我一直在开发网站一段时间，但我现在只是想了解css网格。正如我在标题中所说的，我需要知道我应该在网站中实际使用网格的位置。正如我应该在网格上延伸整个页面（不管是否需要它），并在需要时使用较小的网格。或者我应该只在某些需要它的地方使用网格。

我希望这是有道理的。并随时包括提前

任何附加信息:)

感谢

Answer 1

试着看bootstrap3！它将使移动设备扩展到更大的设备更容易！你可以在这里找到有关网格bootstrap3的信息：https://getbootstrap.com/docs/3.3/css/，一旦你安装了它并安装在你的头文件中，你可以在你的body标签中放置这样的东西来感受网格系统的工作方式，它非常依赖于使用容器正确。

<div class="container"> 
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4"> 
     <h2>Title 1</h2> 
     <p class="callouts-desc"> 
      Title 1 paragraph, blah blah blah. 
     </p> 
    </div> 
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4"> 
     <h2>Title 2</h2> 
     <p class="callouts-desc"> 
      Title 2 paragraph, blah blah blah. 
     </p> 
    </div> 
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4"> 
     <h2>Title 3</h2> 
     <p class="callouts-desc"> 
      Title 3 paragraph, blah blah blah. 
     </p> 
    </div> 
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4"> 
     <h2>Title 4</h2> 
     <p class="callouts-desc"> 
      Title 4 paragraph, blah blah blah. 
     </p> 
    </div> 
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4"> 
     <h2>Title 5</h2> 
     <p class="callouts-desc"> 
      Title 5 paragraph, blah blah blah. 
     </p> 
    </div> 
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4"> 
     <h2>Title 6</h2> 
     <p class="callouts-desc"> 
      Title 6 paragraph, blah blah blah. 
     </p> 
    </div> 
</div> 

这应该证明搞清楚和周围的玩bootstrap3网格系统