Bootstrap Grid系统无法在mat-expansion-panel中工作

Question

在角度/材质mat-expansion-panel中使用Boostrap 4栅格系统时，栅格元素不适合栅格。一行中的所有元素都不适合，最后一个元素继续到新行。

Answer 1

Bootstrap网格系统希望所有元素的box-sizing都设置为border-box。要解决这个问题，只需在页面中添加以下css即可。

.mat-expansion-panel{
    box-sizing: border-box;
}

Answer 2

对于一行中的所有元素，显然都有col-*类，添加以下样式：

col-* {  box-sizing: border-box;}