问题标签 [bulma]

我对这个世界还很陌生VueJS，Webpack所以我需要一些帮助。

我已经安装VueJS并Webpack通过控制台使用命令

之后我在这个目录中安装了bulma CSS 框架。和

我已经覆盖了bulmavariables.scss 中的一些变量。如果我在App.vue的样式部分中导入这两个文件，一切正常。

我的App.vue看起来像这样：

我的TopNavigation.vue看起来像这样：

但我收到一个错误：

./src/components/shared/TopNavigation.vue 中的错误

模块构建失败：背景颜色：$blue；
未定义的变量：“$blue”。

我搜索了一段时间并尝试将文件直接导入到我的webpack utils.js文件中，如下所示：

现在我没有收到错误，并且我TopNavigation使用了正确的蓝色。但现在bulma-variable不要被覆盖。

我希望你们能理解我的问题，并且有人可以帮助我解决这个问题。

我正在使用具有 CSS 变量的 bulma.css，如此处所示

这些需要使用 Sass 进行修改，但我没有使用任何 CSS 预处理器，那么如何在不更改主 CSS 文件并进行覆盖的情况下修改变量？

这是我第一次使用 Scss，虽然我已经在终端中运行命令将简单的转换input.sass为output.css其他库的情况，但这似乎有点困难，因为它对我来说是新的。

我有一个配置文件，index.html它应该需要一个style.css，但我需要从目前采用这种格式的Bulmastyle.css目录生成它：

这里的问题是，与sass input.scss output.css将 Scss 文件转换为 CSS 的示例不同，上面的示例看起来很复杂。

我不知道要转换哪个文件，或者我是否应该更改 Sass 文件并修改它们，但我是否将输出保存在单个 CSS 文件或一种主样式中...

诚然，我在 flexbox 方面没有丰富的经验。我的理解是'is-expanded'会让输入填充任何空白空间。但是在导航/级别内部它似乎不起作用。

这是一个工作示例： 在此处输入链接描述

我很想在我的网站中使用 ui 下拉组件，因为 css 框架 bulma 没有

我通过 npm 拉入包，选择具有下拉组件的按钮模块，运行 gulp build 并生成 .js 和 .css 文件

但是，如果我尝试访问这些文件，我会得到

我哪里错了？干杯

<button class="is-center">不管用。

将父弹性容器宽度与子弹性容器内容宽度相匹配时出现问题。

使用布尔玛，我有以下 HTML 结构

但它最终适用于所有子 flex 容器，如您在此处看到的：

http://codepen.io/anon/pen/mWqRxW

我该如何解决这个问题，并使父 flex 容器适合子 flex 容器的宽度（在这种情况下是输入的宽度）？

我正在使用布尔玛和 VueJS。我不确定这里的 CSS 框架是否重要；这是 VueJS 故障还是 Bulma 故障。

例如，我创建了一个 VueJS 组件，我计划在其中使用模式来显示“添加项目”表单。

当我这样做时，模态和模态背景被限制在 VueJS 组件区域，并且不会填满整个屏幕。

有谁知道为什么会发生这种情况，以及如何避免它？我已经尝试将模态容器的宽度和高度显式设置为 top:0、left:0 和 100%，但这没有区别。

我正在使用带有 Rails 应用程序的 Bulma CSS 框架。我有一个很长的项目列表，并希望将它们显示在图块中。但是，瓷砖会从屏幕上消失，而不是换行到下一行。

Bulma 文档没有解决这个问题。由于我是从可变长度列表动态创建图块，因此在他们的文档中描述的显式嵌套并不是那么容易，我宁愿让它干净地换行到下一行。

这是我的代码基本上看起来的样子：

由于 Bulma 基于flexbox，我认为有一些等效于flex-wrap: wrap;，但我还找不到这个选项。

更新：可以将其添加style flex-wrap: wrap;到父容器中，但是是否有 Bulma 集成的类标志？

表单示例

为什么它使用<p class="control">而不是<div class="control">？