小型设备的容器宽度为100％

Question

是否有一种很好的方法可以配置bootstrap（少用）来为小型设备设置容器宽度为100％（就像xs设备一样）？

我试过把它放在我的css文件中：

@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}

但它不起作用（我不喜欢它）

Answer 1

你说你正在使用带LESS的BootStrap，所以我认为你可以在重新编译之前改变它的变量。

根据official documentation ，每个屏幕宽度（最小的除外）都分配给特定的LESS变量，您应该强制@container-sm:auto以使其与固定的平板电脑大小无关。