相关疑难解决方法(0)

我有一个应用程序,其中设计需要从桌面到平板电脑的1280断点,或者xl到lg.但是,Bootstrap本身的xl断点为1200.

我需要为引导程序全局更改xl断点.我是否必须从源文件重新编译Bootstrap 4？

我尝试使用我的Sass构建设置:

$grid-breakpoints: (
  // Extra small screen / phone
  xs: 0,
  // Small screen / phone
  sm: 576px,
  // Medium screen / tablet
  md: 768px,
  // Large screen / desktop
  lg: 992px,
  // Extra large screen / wide desktop
  xl: 1280px
);

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1220px
);

但是,xl全局的断点没有任何改变,它仍然会在1200px宽度处进行中断.

我无法增加容器的最大宽度。如何更改源代码中的宽度？

我已经尝试在 bootstrap-grid.css 页面中更改宽度的大小。

元素检查器允许我更改最大宽度。如何修改_grid.scss: 6 文件？

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}