Bootstrap 4：更改單行中的Grid列的數量

Question

是否可以在Bootstrap 4中爲單個.row設置$ grid-columns？我已經深入瞭解文檔，並且已經在這裏尋找答案，但我嘗試的東西似乎沒有效果。

我在想我可以爲這些行創建一個10或5列的網格，並且堅持佈局中其他地方的默認12列。

也許我正在考慮錯誤的方式，並有一個更簡單的解決方案。

這是我想要實現的。它是三排五個盒子，死盒中的盒子的寬度是其他柱子寬度的3倍。

​​

Answer 1

您可以使用自動列和一些CSS的20％的自定義寬度做到這一點...

.col-20 { 
    max-width: 20%; 
} 

https://www.codeply.com/go/Yuo6p37HEt

<div class="row"> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="w-100"></div> 
    <div class="col col-20"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="col col-20"> 

    </div> 
    <div class="w-100"></div> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
</div>