Bootstrap Grid System 在 mat-expansion-panel 中不起作用

Question

在 Angular/Material 中使用 Boostrap 4 网格系统时mat-expansion-panel，网格元素不适合网格。一行中的所有元素都不适合，最后一个元素会转移到新行。

Answer 1

Bootstrap 网格系统期望所有元素都box-sizing设置为border-box。要解决此问题，只需将以下 css 添加到您的页面。

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