问题标签 [bulma]

如何在 Bulma CSS 框架中制作类似 ajax 的选项卡切换器？如何以简单的方式制作它？或者我应该使用什么框架来解决这个任务？

有些文字绕过github错误 有些文字绕过github错误 有些文字绕过github错误 有些文字绕过github错误

我怎样才能将它垂直居中<div class="columns is-vcentered">于包围它的红色部分？

我应该在此处删除或添加一些类以改进此代码吗？请给我建议。谢谢！

我是 CSS 框架的新手，从未尝试过 Bootstrap，而是选择了 Bulma。

在 CSS 中，除了着色元素之外，我只这样做了：

我有一个文本输入和两个选择，我想将它们水平放置。基于bulma css框架，我应该做的是：

通常最后两个选择应该采用它们的实际宽度，第一个输入应该扩展直到它占用可用空间，但这就是我得到的：

我从 express-generator by 安装了 express express --view=pug --css=sass --git。在这之后我做了npm init和npm install bulma。我跟着指南。当我尝试导入样式时@import "../../node_modules/bulma/sass/utilities/variables"- 没有错误，一切看起来都很好。但是，当我尝试用我的 css 导入 bulma 时@import "../../node_modules/bulma/bulma"不想编译。一开始我认为我在导入时犯了错误的方式，这就是我安装 WebStorm 的原因。但一切看起来都做得很好。

我在 CLI 中的错误代码

我有这样的bulma分页组件：

我的目的是通过 jquery 使用 prop 函数禁用 pagination-next 按钮：

但根本不工作，我做错了吗？它有什么问题

谢谢你

安装 buefy 和 font-awesome 时，它​​标记为无关，并且文件夹显示为箭头，其中没有任何内容。这个怎么解决。

像这样

在bulma 的最新更新中，它们支持多选。

但这对我不起作用？显然我做错了什么，但我不知道是什么。当我在他们的网站上复制示例时：

我只看到第一项。我在这里想念什么？我想一次看到 8 个项目。

我有一个 bulma分页元素，我想在它的右侧放置一个 html 选择。我使用关卡组件来实现我的目标，但它不起作用。

这是我的html代码：

这就是我得到的：

您会注意到分页下一个和上一个按钮放置在靠近分页编号的位置，这不是默认行为。

有人可以帮忙吗？

我使用 vue-cli 为我的 vue 项目搭建了一个 webpack 模板。随后，我添加了 Bulma 的 CSS。当我正常运行程序（npm run dev）时，CSS 会正确呈现。但是，在使用默认的 webpack 配置构建生产项目（npm run build）时，web 应用程序的样式现在错位了。有谁知道如何解决这个问题？

为了比较：

带有损坏 CSS 的 Vue 生产构建

开发版 Vue 正确渲染 CSS

以下是我的 webpack 配置（webpack.prod.conf.js）

我试图弄清楚为什么在移动设备上查看时我的小型静态网页没有正确显示（在 Chrome android 应用程序上注意到）。根据文档，这些列应该在移动设备上自动堆叠。但是，当我查看它时，我看到页面的正常视图，其宽度与屏幕正确匹配，但列保持在一行中。如下图所示。

我通过在桌面浏览器上调整页面大小来测试它是否是我的代码，并且页面按预期响应，将卡片堆叠在一个列中。这是在我的手机上模仿的桌面视图。

知道发生了什么吗？我究竟做错了什么？这是代码