You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何使用SASS自定义Bulma navbar-item的字体大小?

自定义Bulma navbar-item字体大小的SASS变量说明
  • Bulma 默认没有为 navbar-item 提供专属的SASS变量,它的字体大小默认继承自全局变量 $body-font-size(该变量默认值关联 $size-normal,通常为1rem)。
  • 若需要单独控制 navbar-item 的字体大小,你可以自行定义变量并覆写样式,示例如下:
// 自定义navbar-item字体大小变量
$navbar-item-font-size: 1.1rem;

.navbar-item {
  font-size: $navbar-item-font-size;
}
  • 你提到的 navbar-dropdown 对应的专属变量是 $navbar-dropdown-item-font-size,这是Bulma专为下拉菜单项提供的变量,和普通navbar-item的样式控制是分离的。

内容的提问来源于stack exchange,提问作者Juan Tamad

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.29 14:42:09