angular - 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;
}