问题标签 [bulma]

Bulma是一个纯 CSS 框架，不提供 JavaScript。ESC话虽这么说，如果用户在模式之外单击或在敲击键盘时阻止模式组件（特别是卡片变体）关闭，我将如何添加 JavaScript 以防止模式组件（特别是卡片变体）关闭？

我用 vue-cli 开始了一个项目，然后我运行

并在我的 App.vue 中导入了 bulma

但我正在使用他们的课程并且不工作。

我通过以下方式在我的项目中引入了 bulma：

之后，我如何在我的页面中引用它。我真的不知道如何使用 npm，所以请你指导我。我是否必须在我的 js 中通过说： import bulma from 'bulma'或要求它来引用它，我不知道我的文件在哪里。这意味着我不知道他们在哪里。

在移动响应模式下单击导航栏菜单时，菜单有时会无法打开。

它在 localhost 中运行良好，但我注意到当部署到服务器时，菜单不会打开。还注意到浏览器之间的功能差异。

想法是当您向下滚动导航栏以进行一些过渡，然后将其粘贴到顶部。我已经使用 bootstrap 和 jquery 完成了这项工作，但现在我们使用的是 bulma 和纯 js。

任何帮助表示赞赏。谢谢。

我正在使用 bulma rails gem，我想自定义它使用的一些变量，特别是字体颜色。

根据bulma docs http://bulma.io/documentation/overview/customize/，我应该这样做：

但是我不确定如何使用我正在使用的 rails gem 来实现它。

目前我的 application.css 文件如下所示：

效果很好。但是，如果我将其更改为 bulma 文档中的示例，即使更改@import "../bulma"为@import "bulma"和@import "../sass/utilities/initial-variables" @import "sass/utilities/initial-variables"

我想这里的问题是第一次导入变量，但我不知道如何导入它。这是 gem 中的文件：https ://github.com/joshuajansen/bulma-rails/blob/master/app/assets/stylesheets/sass/utilities/variables.sass

谢谢！

我目前正在使用 Bulma CSS 框架来设计我的仪表板页面的一部分，其中一个功能是“小部件”功能，它具有三个显示关键事实（例如销售数量、新客户等）的大容器。

我遇到的问题是每个“标题”的长度不同，迫使图形处于不同的高度，理想情况下，“图形”在所有三个 DIVS 中都处于同一水平。

如果有办法在 CSS 中对齐数字，那就太好了！预先感谢您的帮助。

样机示例，通过缩短标题实现：

我正在使用 Angular 4 开发一个网站。我决定在开发过程的早期使用 Bulma CSS 框架，因为我喜欢这个设计。Bulma 没有用于下拉菜单的内置组件，因此在尝试创建自己的菜单失败后，我添加了 NgBootstrap。

我的问题是，Bulma 的内置导航栏正在打开导航栏中的菜单并通过垂直滚动条显示它。如何设置导航栏或菜单的样式以在导航之外打开？

这是部署在heroku上供查看的网站。测试是 ngbootstrap，其余的都是通过悬停菜单从头开始构建的。 http://atozinsurance.herokuapp.com/

这是我的导航组件的 HTML 代码。

这是我的 CSS，包括我从头开始制作移动响应式下拉菜单的失败尝试。

当我在本地使用带有 Webpack 的 Bulma 运行 VueJS 2 时，UI 呈现良好。但是，在构建我的生产站点后（npm run build），UI 布局消失了。有谁知道构建过程出了什么问题？

这是 vue 运行的屏幕截图，没有构建生产：http: //imgur.com/LNARJv7

这是构建生产后运行的 vue 屏幕截图：http: //imgur.com/DamfjoY

我正在尝试做这样的事情：https ://nomadlist.com/

3 个元素的行（卡片？）从上到下。大小相同，完美对齐。

我正在使用 Handlebars 和 Bulma CSS，以及卡片组件并这样做：

它部分有效。每个元素都有自己的卡片。但这会将它们全部打印在同一行上。并且有不同的尺寸。