Bootstrap网格系统在垫子扩展面板中不起作用

Question

在Angular / Material 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;}