问题标签 [bulma]

我有一个登录模式，其中有一个框，具有以下 CSS 结构：

我想将我的盒子的大小更改为一定的宽度。例如.box { width: 600px };，如果我设置盒子大小会增加，但它不会自动居中 - 宽度只会添加到右侧。有什么办法可以改变盒子的大小，同时保持水平居中？

我正在使用 vue cli webpack 并在我的 App.vue 文件中有一组“链接”。我想弄清楚如何在我的 navbar.vue 文件中使用“链接”中的项目。我尝试过使用 props、inherit 属性并使用 :links="links" 传递它，但似乎没有任何效果。只是为了说明我也在使用 bulma 的 css 库，以防万一这很重要。

应用程序.vue：

导航栏.vue：

我很确定我已经检查了我可以在网上找到的所有方法，但它们都不起作用，或者我可以弄清楚如何使用它们，如果有人可以帮助我，我将不胜感激。:)

我尝试自定义 bulma 默认颜色。我已经安装了 node-sass 并且它似乎正在工作并且我在我的根 scss 文件中编写了脚本

但是，这似乎并没有改变我项目中的原色或主要字体选择。我已经在 react 上将此文件导入我的 index.js 文件中，并且 bulma 肯定可以正常工作，只是不接受我的自定义。

更新：这里是 bulma 文档的链接，描述了如何执行此操作 http://bulma.io/documentation/overview/customize/我也尝试过这种方式但没有成功

让我简单介绍一下这个问题，一旦用户登录，我的网站上将有大约 20 个页面，我需要组织这些页面以使用相同的标题，所以我来到了决定在我使用 Laravel 框架时使用布局，将相同的标题分布在 20 页中似乎很愚蠢，如果我想进行更改，那将是地狱。

在 Bootstrap 中，我没有向任何选定的页面添加任何类型的活动类，它只是一个导航栏，我最近升级到 Bulma 框架，它需要在父选项卡上的活动类来显示孩子选项卡，一种父类和子类系统正在运行。

我不确定如何在布局中处理这个问题，我需要添加一个活动类，我还需要选择要显示的子导航。

我在下面添加了我的代码，我想知道是否有人可以告诉我如何解决这个问题？

下面的代码是我的整个页面，包括标题（<section class="hero is-danger inside-header">）

1. 我想防止复选框上的单击事件，仅当值为 false 时。
   有没有办法像我尝试的那样内联？
   <input type="checkbox" v-model="task.done" :checked="task.done" @click.prevent="value">
2. 我使用 Vue.js v2（webpack 模板），但我不知道如何在我的项目中包含Bulma 滑块（可能是脚本标签，但在哪里？）。
   我用 npm 命令安装了它：npm install bulma-slider --save.

当内容比整个页面长时，页脚会到底部，你必须向下滚动才能看到页脚，但是当它只是内容少且没有滚动时，底部和页脚之间有空格吗？

我正在使用 bulma CSS 框架，这里是代码

预习：

从字面上看，我在 3 天前开始了我的编码之旅，所以这对我来说是一个全新的维度。在我正在尝试设计的网站上，我开始掌握 html 和 css 的窍门。

我在我的网站上使用Bulma CSS 框架，但在使用它们的变量时遇到了问题：http: //bulma.io/documentation/overview/variables/

这些变量只能在 SASS 中访问吗？我设置了 SASS，所以我的 scss 文件更新了我的 css 文件，但我的 scss 文件与 Bulma 没有任何关联，所以我会得到“变量未定义”，这有点道理。所以我假设我必须将 Bulma 变量导入到 scss 文件中，但是如何？

这就是我在 html 的“头”中设置 css 的方式。

我现在唯一要完成的事情是使用预设变量$black获得黑色背景。这是来自 .css 文件，显然不是这样做的方式，你不能在 css 中使用 $ 变量，对吧？

我想我在这里缺少一些基本的东西，请帮助初学者。

回顾：如何使用预设框架（在这种情况下为布尔玛）变量？

谢谢

我正在尝试为 Bulma 的导航栏编写下拉菜单，但现在似乎有问题，谁能帮我找出原因？

这是我的 JS 文件：

然后我只是使用默认的 Bulma CSS

所以我制作了一个导航栏下拉菜单（http://bulma.io/documentation/components/navbar/），它可以工作，但我希望它把菜单放在导航栏之外，所以你不必在里面滚动它的导航栏。希望它喜欢在我页面上的其他内容之上自由落体。有谁知道我可以定义什么规则来实现这一点？

我可能在他们的文档中忽略了一些关于此的信息，但我尝试了一堆 css 和 html，但没有成功。
谢谢

我以前看过这里，但没有任何效果。我正在使用我认为相对闻所未闻的 Bulma 框架，但我希望你能帮助我将品牌链接集中在导航栏上。这就是我现在拥有的：

我在 Codepen 上有一个链接，以便将其可视化：

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

请注意，字体不会显示。