问题标签 [bulma]

我正在使用Bulma.io CSS 库设计一个网站

并成功制作了整页彩色背景，但想使用图像，我可以在他们的文档中看到您可以指定图像的 px 大小，但我希望图像是流动的，调整大小给用户浏览器，在不引起任何问题的情况下，最好的方法是什么？

我正在尝试使用Bulma flexbox css 框架- 到目前为止它非常整洁！我发现的唯一障碍是我似乎无法设置移动设备的显示顺序。

编辑

这是我的 CSS 的样子：

我是 bulma css http://bulma.io/的新手

我正在尝试为移动用户使用汉堡菜单。我只是按照此页面上的说明进行操作：http: //bulma.io/documentation/components/nav/

但它不起作用。我应该添加什么？

实际上，我可以看到汉堡菜单，但是当我单击它时它不起作用。

谢谢你。

我正在使用bulma@0.3.0 css 框架

我在表单中有提交按钮，如下所示

结果如下

如何使按钮变为全角？

如何在手机或平板电脑上更改列的堆叠顺序？

例如，下面的代码在宽屏幕上水平显示元素，但是当它缩小时，我想2在顶部。我不想改变 html 结构来做到这一点。

示例如下：

我正在使用Bulma CSS 框架，但我根本无法让我的网站像他们的主页一样响应迅速。

该网站是实时的。我的 < html > 具有相同的字体大小，并且我的 dom 结构与 bulma 的主页相同。然而我的手机在手机上看起来很糟糕。

这是我的 HTML 页面的片段：

布尔玛页面：

我的页面：

您可以通过 chrome 上的开发人员工具在两个站点的主页上将视口设置为移动设备来测试这一点。

我一直在为我的 laravel 项目使用 bootstrap 4，但似乎存在一些 JS 问题，我想尝试纯 css 包，例如 Bulma，但我不知道如何从 bootstrap 4 转移到 Bulma。

我已经安装了布尔玛

并通过以下方式卸载 Bootstrap

然后在我的 app.js 中删除一行代码如下

并且在 localhost:8000/ 控制台日志有如下错误：

未捕获的 ReferenceError：Vue 未在 Object. (app.js:371) 在webpack_require (app.js:20) 在 app.js:64 在 app.js:67

EDIT#1 所以 bootstrap.js 不是它所指的 bootstrap4。在 bootstrap.js 我有以下代码

所以当我卸载引导程序，现在控制台日志返回

未捕获的错误：找不到模块“引导程序”

我认为这是因为此 bootstrap.js 中的 require('bootstrap') 所以我将其删除并尝试执行require('bulma')或import bulma from 'bulma';但都可以。是不是我误解了vue中bulma的使用方式？

使用 npm 安装了 Bulma CSS 框架。现在我正试图让 Bulma 与 Laravel Elixir 一起工作。到目前为止，我的 gulpfile.js 中有这个：

但似乎没有任何效果。知道如何让它正常工作吗？

先感谢您。

我在使用 vue 和 vue-bulma-tabs 时遇到了这个奇怪的错误。

我认为与 webpack 有关，但我不知道问题是什么或如何解决。

要重现它，只需执行此操作

然后将其添加到 main.js 文件

然后运行

等等！有错误。我错过了什么？

When following the Bulma documentation, you can wrap an input.input with a p.control in order to style it and have it spread the width of the container. But, when the container is a form (which it is likely to be) the controls shrink down to their default size. What am I doing wrong?

Code sample below: