我是 Angular Flex-layout API 的新手,我有一个基本问题:
Bootstrap 4 的 .container 类如下:
.container {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
width: 100%;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
如何在不使用任何 CSS 的情况下使用纯 Angular Flex-Layout API 实现相同的行为?