平板电脑断点上的 bool 玛水平导航栏菜单

标签 bulma

有没有办法将 Bulma 中的导航栏菜单设置为在平板电脑断点上的行为与在桌面断点上的行为相同?

我正在寻找以下内容:
1) 显示 navbar-menu 直到到达移动断点。
2)在到达移动断点之前不要堆叠导航栏菜单项。

如果不手动覆盖样式,我无法找到一种方法,它应该可以在不覆盖样式的情况下完成,但我找不到这样做的方法。

最佳答案

目前还没有一种方法可以简单地将菜单设置为在平板电脑和台式机上显示,但是 adding a $navbar-breakpoint variable is a pretty popular request . (该问题也有许多解决方法。)

编辑:啊,所以我提交了 pull request为了解决这个问题,这意味着解决方法之一是使用 my fork of Bulma which incorporates this fix (and nothing else) .

更新!这已被接受并在 Bulma v0.7.2 中

关于平板电脑断点上的 bool 玛水平导航栏菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50548193/

相关文章:

html - 如何在表单中制作全宽字段?

html - 如何使用 Bulma css 将进度条堆叠成一个条

css - 覆盖 Nuxt 组件中的 Bulma 变量

css - Bulma navbar-burger 不连接到 Vue.js 2 中的菜单项

css - 如何修复 bulma css 在 768 点中断后制作单列布局,而平板设备应该是 2 列布局?

html - 是否可以在忽略不透明层的同时使用 mix-blend-mode 模糊背景?

html - 如何像 bootstrap 一样离线使用 bulma?

javascript - 在 Vue.js 2.0 中将 css 类添加到 HTML 或 BODY 标记

css - Angular 材互补