我想知道您是否能够将 css 框架（特别是 bulma）添加到具有现有 css 的 html 工作表中。当前的css只是一个标准的<link> style.css，我想知道我是否可以链接bulma https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.1/css/bulma。 在同一张纸上，其下方或上方具有相同的 <link> 标签的 css 。

我试图简单地改变bulma中“is-primary”类的颜色。我正在尝试编写一个 scss 文件来更改值，而无需通过 npm 安装 bulma。我正在尝试使用 cloudfare 链接导入，这可能吗？

这是我的 scss 文件：

该文件可以编译，但我找不到相应的 css 文件，对我的实际页面没有影响。

我已经安装了 vuejs 并想使用 vue admin ( https://github.com/vue-bulma/vue-admin )，但是文档没有提到如何使用它。

例如，如果我想使用来自 vue-admin 的组件，那么步骤是什么？

我正在将 Angular 4 与bulma css 框架一起使用，我想知道如何每隔三列添加一个新行（或列类）。

打印出 0,1,2 0,1,2 等的索引变量是当我在使用引导程序时查看片段时。

注意到一些关于也许我可以使用模板语法但也没有让它工作的评论。

我有这个非常简单的 webpack 项目，现在我还想使用bulma一个 css 框架。

我通过安装软件包npm i bulma并尝试app.js使用以下代码将其包含在我的 -file 中，但未成功：

我还尝试使用特定的 sass 部分，但也没有用：

您能帮我完成这项工作，或者指出我正确的方向吗？

问题

其他一切都相同，我的最终页面的 CSS 结果不同。prod 版本缺少正确的 flexbox 对齐，如下面的比较所示：

开发

产品

该问题是由 PurifyCSSPlugin 引起的。我不知道如何配置它仍然清理css的正确部分，保留我真正需要的部分？

任何帮助，将不胜感激。完整的代码可在此处获得。

研究至今

2017 年 8 月 21 日更新：

在生产版本中，以下类缺少 css

• 字幕

  标题：不（.is-spaced）+ .subtitle { 边距顶部：-1.5rem; }

• 列

  @media screen and (min-width: 769px), print .columns:not(.is-desktop) { display: flex; }

设置

我使用 webpack-3 和bulma来制作网页。我定义了两个脚本任务来构建我的应用程序 1. 在开发中和 2. 用于生产。

在我的 webpack 配置中，我根据 NODE_ENV 变量在两种配置之间切换以进行 css 处理。配置如下所示：

此外，我禁用了 ExtractTextPlugin 进行开发。

控制台内显示的唯一值得注意的信息是以下弃用警告：

我正在使用bulma.css进行布局，但是当我给某些东西添加边框时，我发现它是重叠的。

这是重叠：

.shop div 似乎“如预期”

但是 .basket div 似乎有点爬升了。

这是一个演示的链接

和HTML：

CSS：

我认为它与... flexbox有关？我不确定！

我正在尝试更改Bulma.io的下拉元素的背景颜色和颜色。

问题是无论我做什么，它要么改变整个下拉列表（也是底部元素），要么只改变文本（文档）的背景，而不是整个框。

我需要更换白盒。我准备了 jsfiddle 作为示例https://jsfiddle.net/agyfL3ae/2/ 你将不得不放大你的窗口很多，因为它隐藏在桌面上

我尝试了以下方法：

几乎这是我需要更改的框：https ://i.snag.gy/pQyME2.jpg

这是来自 bulma.io 的代码，我尝试在组件文件（.vue）的模板中使用它

但是内容标签标签（单词“名称”）不会出现在浏览器中。如果我删除 class='label' 那么它确实如此。为什么会发生？

我正在使用 Bulma 框架，如何将 Button 与输入字段移动到同一行？，它看起来输入字段是全宽的

我的代码：

结果结果图片