Bulma液体容器，但在移动设备和平板电脑上全宽

Question

是否存在"Bulma"；如何在桌面和其他地方使容器流动，但在手机和平板电脑上全宽？

官方文件显示：

这个容器是流动的：它的两侧都有一个32px的间隙任何视口大小。

Answer 1

目前，流体容器在移动设备中没有特殊行为，总是插入32px的填充。

我设法通过创建一种新类型的容器来完成您想要的操作，这种容器只适用于桌面屏幕中的填充，比如：

.container.my-fluid-container {
max-width: none !important;
width: 100%;
}
@media screen and (min-width: 1024px) {
.container.my-fluid-container {
padding-left: 32px;
padding-right: 32px;
}
}

在HTML中：

<div class="container my-fluid-container">
blah blah
</div>