Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ms-access/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Bootstrap 4 不更新所有引导网格断点_Bootstrap 4_Bootstrap Grid - Fatal编程技术网

Bootstrap 4 不更新所有引导网格断点

Bootstrap 4 不更新所有引导网格断点,bootstrap-4,bootstrap-grid,Bootstrap 4,Bootstrap Grid,我有两个问题: 1.$container max width引导变量的用途是什么? 2.如果我需要以下解决方案,我应该如何覆盖变量 sm: 0px -> 768px - tablet portrait md: 769px -> 1442px - tablet landscape and laptop lg: 1443px -> 1920px - large screens 只需在引导导入之前导入变量,因为这些变量是用定义的!默认标志,因此当您的SCS转换为css时,它将

我有两个问题: 1.$container max width引导变量的用途是什么? 2.如果我需要以下解决方案,我应该如何覆盖变量

 sm: 0px -> 768px - tablet portrait
 md: 769px -> 1442px - tablet landscape and laptop
 lg: 1443px -> 1920px - large screens

只需在引导导入之前导入变量,因为这些变量是用定义的!默认标志,因此当您的SCS转换为css时,它将使用您的覆盖值

$grid-breakpoints: (
  xs: 0,
  sm: 0,
  md: 769px,
  lg: 1443px,
  xl: 1921px
);

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

@import 'bootstrap'

您只需覆盖
$网格断点
$容器最大宽度
。在导入引导程序之前编写这些代码

栅格断点
//定义布局更改的最小尺寸,
//适应不同的屏幕大小,用于媒体查询。
$grid断点:(
sm:0,
md:769px,
lg:1443px,

) !违约
以及如何修改$container max width中的值?在769px下,应用程序没有响应。你知道为什么吗?另外,如果xs=0和sm=0,那么构建会失败,并显示以下消息:无效的null操作:“null sub 0.02px”你能解释一下为什么需要覆盖断点吗?这是项目的要求。