我在哪裏可以在我的網站中使用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網格系統