bulma相关内容
使用 bulma 可以选择为网站设置品牌徽标.但是,该品牌在浏览器中的显示方式有所不同.讨论的图片大小为 640x160,分别在 Mozilla Firefox 和 Google Chrome 上显示故障.徽标图像在镀铬上垂直拉伸,使其看起来很难看. 我检查了 DOM,我发现禁用 .navbar-brand (display: flex) 上的规则会更正品牌大小,但它还有其他效果,如.nav
..
我正在使用 webpack 创建一个网站,并使用了 bulma 中的一个磁贴.我正在尝试更改磁贴的基本格式,例如背景颜色、磁贴大小等,但我正在努力寻找一种方法来覆盖 bulma 的默认设置. 我按照 YT 教程创建了一个 mystyle.scss 文件,其中包含要覆盖的变量(颜色、字体等).这个 .scss 位于我的 dist 目录中的 sass 文件夹内,我试图将它添加到我的 sass 文
..
我已经开始使用 Bulma 0.7.1 和 VueJs 2.5.17.现在,我正在使用 Vue 路由器组件,并且我想让导航栏中的按钮设置为活动状态,只要我在链接表示的“页面"上. 我的代码如下
..
我正在尝试使用带有 bulma 的 font-awesome 制作一个可点击的“星形"图标,在 Vue 中在常规和实体样式(fas 和 far)之间切换,为了实现这一点,我有以下组件:
..
我正在使用一个名为 Buefy 的包,它是 Bulma CSS 框架库的 Vue.js 包装器.Buefy 在其模板组件上放置了一个名为 type(e.g., type="is-warning")的属性/属性.根据 Buefy 文档,术语“is-warning"是预定义的根据 SCSS 中设置的 $colors 变量: 所以我按照 Buefy 的这些说明 来自定义 $颜色 映射,但是我想做的
..
我试图通过覆盖一些 Sass 变量来自定义 Bulma. 在我的 app.scss 文件中,我使用以下顺序导入文件: @import 'node_modules/bulma/sass/utilities/initial-variables';@import 'node_modules/bulma/sass/utilities/functions';@import 'bulma_overri
..
我正在尝试使用以下 SCSS 代码在 Bulma 中添加自定义颜色映射: //设置颜色$primary: #5B43CC;$primary-invert: findColorInvert($primary);$推特:#4099FF;$twitter-invert: findColorInvert($twitter);$facebook:#4267B2;$facebook-invert: find
..
我正在尝试覆盖 Bulma 导航栏中文本的颜色,如果我在常规 SCSS 文件中使用 !important 标签,它会起作用,但我正在尝试使用尽可能少的 !important 标签. Bulma 文档告诉我,我可以覆盖 Bulma 颜色变量,但我所有的尝试都是徒劳的. 到目前为止我尝试过的:创建了一个_bulmaTheme.scss 文件 试图覆盖此文件中的颜色 颜色不会在前
..
为什么当我使用 Bulma CSS 框架的进度 (https://bulma.io/documentation/元素/进度/) 我在标签之间放置了文本,我看不到任何值. 90% 如何在布尔玛的进度中间添加文字? 解决方案 看不到价值是正常 90% 没有内置解决方案. 但根据
..
我的资产文件夹中有一个 main.scss 文件,我用它来覆盖 bulma 变量.我通过 nuxt-config 文件使这个文件全局可用. @import '~bulma/sass/utilities/initial-variables';@import '~bulma/sass/utilities/functions';//覆盖一些变量$primary: #FF5B5B;$光:#f1f1f1;
..
我通过以下方式在我的项目中引入了布尔玛: $ npm install bulma 在那之后,我如何在我的页面中引用它.我真的不知道如何使用 npm,所以请您指导我.我是否必须在我的 js 中引用它说:从 'bulma' 导入 bulma 或要求它,我不知道我的文件在哪里.这意味着我不知道他们在哪里. 解决方案 您可以在 projectName/node_modules/bulma/cs
..
我正在尝试将bulma轮播合并到我的react应用程序中,但似乎无法正常工作.我尝试使用布尔玛轮播来实现此文档,但它似乎仍然没有工作. 这是我的代码,请随时指出在哪里可以正确执行工作. index.html
..
在以下可运行的代码片段中,我使用导航栏设置了基本的布尔玛布局.导航栏很早就打破了汉堡包,因为我拥有的链接数量/大小. 我该如何仅在较小的屏幕上进行此中断?例如只能在手机上使用汉堡包. (function(){让burger = document.querySelector('.burger');让导航= document.querySelector('#'+ burger.datase
..
如何将这个
垂直居中到包围它的红色部分? 我应该在此处删除或添加一些类来改进此代码吗?请给我建议.谢谢! 我是CSS框架的新手,从未尝试过Bootstrap,而是选择了布尔玛. 在CSS中,除了着色元素,我只是这样做: 部分{高度:70vh;} 解决方案 我认为 .columns 默认没有 displ
..
我尝试使用 select2 插件.io/documentation/elements/form/"rel =" noreferrer“>布尔玛 css框架,但在前端看起来有些混乱.我使用引导程序尝试了此操作,是的,因为select2具有引导程序兼容性,所以没有问题. HTML:
Role
..
我刚刚开始与Bulma建立我的博客原型。有一个 footer 部分,其中两列均分。 我想要这三个项目(Twitter,电子邮件等)在黄色区域中垂直居中。布尔马中是否有适用于该类的特殊类? (请在codepen.io上查看完整的示例。)
..
我使用的是bulma rails gem,我想自定义其使用的一些变量,特别是字体颜色。 根据bulma文档 http:// bulma.io/documentation/overview/customize/ 我应该这样做: // 1。初始变量 @import“ ../sass/utilities/initial-variables” // 2.设置自己的初始变量 //更
..
我想在gatsbyjs网页中每行显示三个帖子。我有一个帖子数组,如果我要使用列显示,那只会在帖子容器div上应用多行类。但是我使用的是内置于bulma css中的图块布局,不幸的是,它不支持多行赞列。 所以我必须将每三个帖子都包装在div中,类为'tile '。为此,我将数组分为3个大小的块(有人建议在这里,多亏了他),现在归结为遍历二维数组。 现在问题出在我在尝试将内部循环包装到di
..
我正在尝试在导航栏内将文本居中,而徽标位于导航栏项目之间,但是,我只能将徽标作为品牌形象居中. 这是我的代码:
..
我正在将Angular 4与 bulma css框架一起使用,我想知道如何添加新行(或列类)每三列. 打印出0、1,2、0、1,2等的索引变量是当我查看对可能可以使用模板语法的注释不加解释,但没有得到也可以工作.
..