bulma相关内容

Navbar 品牌在 bulma 上被拉伸

使用 bulma 可以选择为网站设置品牌徽标.但是,该品牌在浏览器中的显示方式有所不同.讨论的图片大小为 640x160,分别在 Mozilla Firefox 和 Google Chrome 上显示故障.徽标图像在镀铬上垂直拉伸,使其看起来很难看. 我检查了 DOM,我发现禁用 .navbar-brand (display: flex) 上的规则会更正品牌大小,但它还有其他效果,如.nav ..
发布时间:2021-09-23 20:43:02 前端开发

布尔玛覆盖变量

我正在使用 webpack 创建一个网站,并使用了 bulma 中的一个磁贴.我正在尝试更改磁贴的基本格式,例如背景颜色、磁贴大小等,但我正在努力寻找一种方法来覆盖 bulma 的默认设置. 我按照 YT 教程创建了一个 mystyle.scss 文件,其中包含要覆盖的变量(颜色、字体等).这个 .scss 位于我的 dist 目录中的 sass 文件夹内,我试图将它添加到我的 sass 文 ..
发布时间:2021-09-23 19:14:57 前端开发

如何在 SCSS 中扩展变量的映射?

我正在使用一个名为 Buefy 的包,它是 Bulma CSS 框架库的 Vue.js 包装器.Buefy 在其模板组件上放置了一个名为 type(e.g., type="is-warning")的属性/属性.根据 Buefy 文档,术语“is-warning"是预定义的根据 SCSS 中设置的 $colors 变量: 所以我按照 Buefy 的这些说明 来自定义 $颜色 映射,但是我想做的 ..
发布时间:2021-07-14 21:06:28 前端开发

覆盖一些 Bulma Sass 变量的问题

我试图通过覆盖一些 Sass 变量来自定义 Bulma. 在我的 app.scss 文件中,我使用以下顺序导入文件: @import 'node_modules/bulma/sass/utilities/initial-variables';@import 'node_modules/bulma/sass/utilities/functions';@import 'bulma_overri ..
发布时间:2021-07-14 21:06:09 其他开发

无法覆盖 Bulma 导航栏颜色

我正在尝试覆盖 Bulma 导航栏中文本的颜色,如果我在常规 SCSS 文件中使用 !important 标签,它会起作用,但我正在尝试使用尽可能少的 !important 标签. Bulma 文档告诉我,我可以覆盖 Bulma 颜色变量,但我所有的尝试都是徒劳的. 到目前为止我尝试过的:创建了一个_bulmaTheme.scss 文件 试图覆盖此文件中的颜色 颜色不会在前 ..
发布时间:2021-07-14 21:00:06 其他开发

中间的布尔玛进度文本

为什么当我使用 Bulma CSS 框架的进度 (https://bulma.io/documentation/元素/进度/) 我在标签之间放置了文本,我看不到任何值. 90% 如何在布尔玛的进度中间添加文字? 解决方案 看不到价值是正常 90% 没有内置解决方案. 但根据 ..
发布时间:2021-06-21 20:32:21 其他开发

通过 NPM 安装 bulma 后,如何在我的项目中引用它

我通过以下方式在我的项目中引入了布尔玛: $ npm install bulma 在那之后,我如何在我的页面中引用它.我真的不知道如何使用 npm,所以请您指导我.我是否必须在我的 js 中引用它说:从 'bulma' 导入 bulma 或要求它,我不知道我的文件在哪里.这意味着我不知道他们在哪里. 解决方案 您可以在 projectName/node_modules/bulma/cs ..
发布时间:2021-06-09 18:54:44 其他开发

Bulma Carousel没有回应

我正在尝试将bulma轮播合并到我的react应用程序中,但似乎无法正常工作.我尝试使用布尔玛轮播来实现此文档,但它似乎仍然没有工作. 这是我的代码,请随时指出在哪里可以正确执行工作. index.html ..
发布时间:2021-04-26 20:24:32 前端开发

Bulma-在平板电脑上显示未折叠的导航栏

在以下可运行的代码片段中,我使用导航栏设置了基本的布尔玛布局.导航栏很早就打破了汉堡包,因为我拥有的链接数量/大小. 我该如何仅在较小的屏幕上进行此中断?例如只能在手机上使用汉堡包. (function(){让burger = document.querySelector('.burger');让导航= document.querySelector('#'+ burger.datase ..
发布时间:2021-04-26 19:48:02 前端开发

如何在布尔玛中垂直居中放置元素?

如何将这个 垂直居中到包围它的红色部分? 我应该在此处删除或添加一些类来改进此代码吗?请给我建议.谢谢! 我是CSS框架的新手,从未尝试过Bootstrap,而是选择了布尔玛. 在CSS中,除了着色元素,我只是这样做: 部分{高度:70vh;} 解决方案 我认为 .columns 默认没有 displ ..
发布时间:2021-04-26 18:54:46 前端开发

Bulma CSS与Select2 jQuery插件

我尝试使用 select2 插件.io/documentation/elements/form/"rel =" noreferrer“>布尔玛 css框架,但在前端看起来有些混乱.我使用引导程序尝试了此操作,是的,因为select2具有引导程序兼容性,所以没有问题. HTML: Role ..
发布时间:2021-02-13 18:38:58 其他开发

在布尔玛垂直居中放置元素

我刚刚开始与Bulma建立我的博客原型。有一个 footer 部分,其中两列均分。 我想要这三个项目(Twitter,电子邮件等)在黄色区域中垂直居中。布尔马中是否有适用于该类的特殊类? (请在codepen.io上查看完整的示例。) ..
发布时间:2020-10-12 05:36:50 前端开发

如何在Rails中自定义布尔变量

我使用的是bulma rails gem,我想自定义其使用的一些变量,特别是字体颜色。 根据bulma文档 http:// bulma.io/documentation/overview/customize/ 我应该这样做: // 1。初始变量 @import“ ../sass/utilities/initial-variables” // 2.设置自己的初始变量 //更 ..
发布时间:2020-10-12 04:44:23 前端开发

gatsby / react中多维数组上的map()方法,尝试在div中包装内部循环时出错

我想在gatsbyjs网页中每行显示三个帖子。我有一个帖子数组,如果我要使用列显示,那只会在帖子容器div上应用多行类。但是我使用的是内置于bulma css中的图块布局,不幸的是,它不支持多行赞列。 所以我必须将每三个帖子都包装在div中,类为'tile '。为此,我将数组分为3个大小的块(有人建议在这里,多亏了他),现在归结为遍历二维数组。 现在问题出在我在尝试将内部循环包装到di ..
发布时间:2020-09-25 00:25:20 前端开发

Angular 4 * ng用于每三列添加一行div

我正在将Angular 4与 bulma css框架一起使用,我想知道如何添加新行(或列类)每三列. 打印出0、1,2、0、1,2等的索引变量是当我查看对可能可以使用模板语法的注释不加解释,但没有得到也可以工作. ..
发布时间:2020-05-17 20:24:26 其他开发