问题标签 [bulma]

使用以下布尔玛代码

小提琴

它不会将标签与输入垂直居中。

是否有 bulma 修饰符来实现这一目标？

我正在尝试制作一个布局，其中我有 2 个父图块，一个是水平的，占 8 列，另一个是垂直的，占 4 列。我现在想做的是在父水平瓦片中放置子框，在该父瓦片内各取 50% 的宽度。这就是我的代码的样子：

现在，它看起来像这样：

我尝试添加到子框 is-6 类，但没有奏效，我该怎么办？

Vue.js 和 bulma 的新手。我正在尝试让模态弹出窗口工作，到目前为止，我通过在 App.vue 主文件中包含模态组件来实现这一点：

我只希望模态显示数据是否在此处设置为 true（仍在 App.vue 中，在脚本标签内）：

我尝试在模板标签（Vue.js）中添加它：

但是，即使在数据中将 showModal 设置为 true，模式也会从页面中消失。

知道如何在数据设置为 true 时使模式出现并在设置为 false 时消失吗？

我需要一个 Bulma 类参考，其中列出了每个类及其使用的简要说明，可能是指向 Bulma 文档的指针。

有吗？或者有没有一种有效的方法来搜索布尔玛网站？

我尝试过使用“站点搜索”，block class site:bulma.io/它只是将我带到响应页面，但没有详细解释它。

参考清单会很有用！

如何使用 Bulma 组件制作滑动垂直导航栏？我在 Bulma 文档中找不到。我相信它们通常被称为“画布外”菜单或“汉堡”菜单。

有一个水平的，但我更喜欢这样的垂直左侧样式：

https://www.sitepoint.com/pure-css-off-screen-navigation-menu/

我正在尝试在我的站点中为 RTL 用户添加选项。我正在使用 bulma（V 0.5.2），其中大部分（rtl）都是开箱即用的，带有一个简单"style=direction:rtl"的 body 标签。但是，导航栏表现得很有趣。如何使其与 RTL 一起正常工作？

这是使用 rtl 在桌面上的样子：

在手机上是这样的：

所以我使用的是 CSS 框架 Bulma.io。通常，没有它，做 body { background: black; } 背景时会变黑。但是当我使用 Bulma.io 时，只有文字背后的背景变成黑色，网站的其余部分保持白色。那么有人知道我怎样才能让整个网站像没有框架的情况下一样变黑吗？

我正在尝试为我的应用程序实现一个导航栏，该应用程序的前端是使用 Vue 2.0 和 Bulma 构建的。它在台式机上运行良好，但在较小的屏幕上显示汉堡图标但不显示任何元素。它只是现在。

如您所见，我已尝试实现此处存在但没有用的示例代码。布尔玛不应该给我开箱即用的响应式导航栏。我发现的所有示例和解决方案都是针对较旧的“导航”类而不是较新的“导航栏”。帮助将不胜感激。

经过一段时间的努力，我能够让 Vue 在我的 Rails 4.2.5 应用程序中使用 webpacker。这是我的第一个 Vue 项目，使用它时我仍然不确定很多事情。

我正在使用 Buefy，它是基于 Bulma CSS ( https://buefy.github.io/#/documentation/tabs ) 的 Vue.js 组件。我在模态框内设置了一些选项卡，我希望每个选项卡为不同的部分呈现一个表单，但是，我不知道如何设置它，因为 Vue 无法运行 ruby​​ 代码。此代码的结果是选项卡正常工作，但我的 Ruby 渲染代码显示为字符串且未运行。

我可以将部分内容复制到 vue.js 文件中，但我还在其中调用了更多 ruby​​。我确信有一种正确的方法可以做到这一切，但我就是想不通。

这是我调用模态的 html/haml 文件

这是我的 buefy_modal.js

这是 B_modal.vue

向 Bulma 的导航栏添加颜色修饰符类应该会更改背景颜色（如此处所述：http: //bulma.io/documentation/components/navbar/#colors）。

如果我使用 css 版本，我发现这工作正常。但我使用的是 sass 版本，但它不起作用。

知道为什么不？

注意——这也是 Github 上一个未解决的问题： https ://github.com/jgthms/bulma/issues/1192