我正在使用Bulma框架进行项目开发,手机菜单在最大宽度为1024px时被激活。 我希望只有当屏幕宽度为769px或以下时才激活手机菜单。我花了几个小时查找sass文件,但无法找到如何覆盖默认行为。
我正在使用Bulma框架进行项目开发,手机菜单在最大宽度为1024px时被激活。 我希望只有当屏幕宽度为769px或以下时才激活手机菜单。我花了几个小时查找sass文件,但无法找到如何覆盖默认行为。
这个问题已经被修复,并在0.7.4版本中正常工作。
// Update Bulma's derived variables
@import "~bulma/sass/utilities/initial-variables.sass";
$navbar-breakpoint: $tablet;
@import "~bulma/bulma.sass";
node_modules/bulma/sass/components/navbar.sass
并在2个位置将+desktop
更改为+tablet
。这将使导航栏在大约800像素时触发。当您安装新版本时,您可能需要重新执行此操作,或者您可以从git进行fork和安装。Bulma团队正在修复此问题,很快就会推出:https://github.com/jgthms/bulma/issues/1042。navbar.sass
,并将最后一个选项$navbar-breakpoint
设置为$tablet。initial-variables.sass
中的$tablet
变量更改为760px。