Bulma按钮无样式主因是未引入normalize.css；is-fullwidth需配合.is-expanded生效；columns底部对齐应避免设height，改用flex工具类；自定义主题色须在导入bulma前覆盖Sass变量。
为什么 bulma.css 加载后按钮没样式？
常见现象是 HTML 写了 <button class="button"></button>，但看起来和原生按钮一模一样——大概率是漏了 Bulma 的基础前提：它不重置浏览器默认样式，也不自动引入 Normalize.css。Bulma 依赖你自行处理 CSS 重置或基础排版。
- 必须在
bulma.css前引入normalize.css或类似重置方案（比如用@import url('https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.css');） - 检查是否误用了
bulma.min.css但未启用对应字体栈（Bulma 默认用-apple-system, BlinkMacSystemFont等，若系统无这些字体，font-family回退失败会导致部分组件行高/对齐异常） - 确认没有全局 CSS 覆盖了
.button的display（例如某处写了button { display: inline; }，会破坏 Bulma 的inline-flex布局）
is-fullwidth 在 field 容器里失效？
Bulma 的 is-fullwidth 类只对直接子元素生效，而 field 结构常嵌套多层：<div class="field"><div class="control"><input class="input is-fullwidth"></div></div>。此时 is-fullwidth 作用于 input，但父级 .control 没设宽度，导致实际没撑开。
- 正确做法是给
.control加is-expanded（不是is-fullwidth），它会触发 Flex 布局下的 100% 占宽 - 如果用的是
select或textarea，同样需确保其父.control有is-expanded，否则is-fullwidth对它们无效 - 注意
is-fullwidth和is-expanded不可混用——前者仅设width: 100%，后者改 Flex 子项的flex-grow，语义和机制完全不同
用 columns 布局时子项高度不一致，怎么对齐底部？
Bulma 的 columns 基于 Flexbox，默认 align-items: stretch，所以子项（.column）会等高。但如果你手动给某个 .column 设了 height 或内容溢出隐藏，就可能破坏对齐逻辑。
- 想让文字内容底部对齐，不要改
.column高度，而是用is-flex-direction-column+is-justify-content-space-between组合在单个 column 内部微调 - 避免在
.column上写min-height——Bulma 的响应式断点（如is-one-third-tablet）依赖自然流高度计算，硬设高会导致小屏下换行错乱 - 如果必须等高且底部对齐，优先用
is-flex-touch（开启移动端 Flex）配合is-align-items-flex-end，比 hack margin 更可靠
自定义主题色编译失败：Sass 中 $primary 改了但按钮还是蓝色？
直接覆盖变量必须在 @import "bulma/sass/utilities/initial-variables" 之后、@import "bulma/bulma" 之前，且不能用 CSS 变量方式（比如 :root { --primary: #ff3860; }）——Bulma 的颜色类（is-primary）是编译期生成的静态类名，不支持运行时 CSS 变量注入。
立即学习“前端免费学习笔记（深入）”；
- 确保你的 Sass 入口文件顺序为：
@import "bulma/sass/utilities/initial-variables"; $primary: #ff3860; @import "bulma/bulma"; - 别漏掉
@import "bulma/sass/utilities/functions"，某些颜色工具函数（如findColorInvert）依赖它，否则is-primary文字色可能反白失败 - 如果用的是 CDN 版本，无法动态改变量——只能选 Bulma 提供的预编译主题包（如
bulma-rtl或第三方bulma-stylus），或老实用 Webpack/Vite 接入源码编译
最易被忽略的一点：Bulma 的 is-primary 不只用于按钮，还影响 notification 边框、progress 背景、tabs 下划线……改了变量后要全站检查，而不是只盯一个按钮。
