问题标签 [bulma]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
4612 浏览

css - 垂直标签布尔玛

是否有一个简单的 css 代码让 bulma 将其水平选项卡变为垂直选项卡?(下面的示例)我只想覆盖他们的 css

0 投票
2 回答
3782 浏览

jquery-select2 - 带有select2 jquery插件的Bulma css

我尝试使用Bulma css 框架实现select2插件,但它在前端看起来很乱。我使用引导程序进行了尝试,是的,没有问题,因为 select2 具有引导程序兼容性。

HTML:

0 投票
5 回答
22436 浏览

css - 如何设置列高等于布尔玛(flexbox)中最长的列?

我正在使用 Bulma 0.4.0,尽管答案可能与 Bulma 本身无关。

如何将列高设置为等于其他高度?(见下面的截图)


编辑:codepen 带有更多呈现实际行为的文本:https ://codepen.io/anon/pen/vmKVbx

预期行为:

预期行为

实际行为:

实际行为

0 投票
1 回答
5712 浏览

css - 如何在几行布尔玛(flexbox)中设置列高相等?

我正在使用 Bulma 0.4.0,尽管答案可能与 Bulma 本身无关。


如何将列高设置为等于其他高度?(见下面的代码笔)

请注意,它们都在另一个列容器中,并且这些列的行数很少。

预期行为:(哇,我做了错觉) 在此处输入图像描述

https://codepen.io/anon/pen/JNKexr

问题与我之前的问题有关:如何在 Bulma (flexbox) 中设置列​​高等于最长列?

0 投票
1 回答
4968 浏览

html - Bulma 网格布局列在视口上延伸

使用布尔玛 CSS 框架

我正在尝试布局一些元素,但我不确定为什么在桌面视图中,项目一旦通过视口就不会进入下一行。

这是一个示例代码和一个 JS Bin 的相应链接:

我创建了一个简单的 JS Bin 来说明这个问题。

http://jsbin.com/juquzexezu/edit?html,输出

请注意,当您扩大输出窗口时,您会看到第一行上的 Col-5 div 未显示,并且在第二行上,剩余的两个 div 元素也未显示。

我正在寻找的是让那些缺少的 div 元素在水平视图已经被填充时自动转到下一行。

0 投票
3 回答
2779 浏览

css - 如何从 bulma 获取仅网格的 css 文件

我正在尝试使用 bulma 框架,但我只需要网格部分,遗憾的是这一切都在 sass 中,我不知道如何只获取 css 部分。

回购在这里https://github.com/jgthms/bulma/tree/master/sass/grid我假设网格被命名columns.sass

如果我通过 npm 下载了 bulma 作为

我已经安装了 get/sass。如何仅在 CSS 中获取网格部分?

0 投票
4 回答
12469 浏览

html - 英雄页脚不在页面底部

我正在使用 Bulma CSS 框架设计网页样式。

好吧,它工作得很好,但是当我尝试在我的页面上添加页脚时,它不会进入底部。

我需要为它制作自己的 CSS 还是 HTML 代码本身的问题?

代码:

0 投票
2 回答
5758 浏览

css - sass/bulma 错误:错误:找不到要导入的文件或无法读取:实用程序/mixins.sass

]我正在尝试从 sass 编译一个 css 文件。我使用 bulma (bulma.io) 作为 css 框架。这是我的目录结构在此处输入图像描述

我正在尝试将 grid.sass 更改为 output.css

我正在从“bulma”目录运行这个命令

但我收到以下错误

我不知道为什么会出现这个错误。我正在根据文档运行它。我在 CentOs 机器上,并安装了 gem。

0 投票
2 回答
2081 浏览

html - 布尔玛嵌套柱

我怎样才能在布尔玛上标记这个?我正在尝试使用下面的代码,但我需要限制第一列里面只有 2 个框,然后它会从左到右向下。在 Bootstrap 中,这很容易,但在 Bulma 中,它将嵌套列压缩在一行中。

在此处输入图像描述

0 投票
1 回答
81 浏览

javascript - 如何删除包装器 div 或将其类型从 div 更改为 ember-from-for 中的 span?

我正在使用 bulma.io 并将其样式类用于选择框,它需要以下代码。

这需要一个 span 而不是 div 来包装(标签和选择标签)。

我试过使用tagName="span",但生成的代码就像那个链接

这是我的代码

它生成了一个包含 div 的 span .. 没有将 div 转换为 span <span><div><label><select></div></span>