bulma 相关问题

Bulma是一个使用Flexbox和SASS在GitHub上开发的开源CSS框架。

[更改容器宽度属性时如何触发列响应?

所以我正在制作一个模板生成器应用程序,用户可以在其中自定义自己的模板。功能之一是能够查看他们的网站在其他设备(平板电脑和移动设备)上的外观,甚至...

回答 1 投票 0

[CSS会在没有页面刷新的情况下加载Nuxt / Buefy

我是Nuxt js的新手,我在更改页面时遇到了一些CSS问题,如果我使用导航到另一页面,则如果我在刷新ctrl + f5之后刷新buffy CSS将无法正确加载...

回答 1 投票 1

导航栏示例Bulma在移动Blazor上不起作用

我从Blazor网站的Bulma网站复制了此示例导航栏。在网页上,它工作正常,但在移动设备上,navbar-burger没有响应。我是否错过了过程中至关重要的一步? ...

回答 1 投票 1

布尔玛:链接的悬停颜色是否相对于颜色?

我正在使用布尔玛,我想知道是否有一种方法可以使链接的悬停颜色相对于非悬停颜色?例如,我具有以下内容:

回答 1 投票 -1

使用列的反应bulma结果导致意外的令牌

我有一个react组件,试图渲染两列:render(){return( ... []] 我是该库的创建者,您可以从哪里导入组件进行检查吗?对于错误,似乎您正在使用src文件夹。 取决于您的配置,它应该来自react-bulma-components或react-bulma-componets/lib 查看自述文件的安装说明

回答 1 投票 2

字体令人敬畏的图标未在Gatsby中使用布尔玛显示

我正在使用盖茨比和布尔玛建立一个网站。在我的Nav.js文件中,我在网站顶部的按钮处创建了通用格式,在这里我有一些使用布尔玛的按钮,我想...

回答 1 投票 0

嵌套在标签中的输入所需属性的布尔玛样式

使用Bulma推荐的代码来定义文件选择输入表单,将不会应用所需属性的样式。形式如下所示: ] >>> 标签不支持required属性: Label attributes Inherited global attributes。 相反,您可以将CSS类.required添加到标签并将CSS更改为: :required, .required { background: red; } 示例: :required, .required { background: red; } <link href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css" rel="stylesheet"/> <form action="" method="post" enctype="multipart/form-data" novalidate> <div class="field is-vertical"> <label class="label required">Working file</label> <div id="id_file_to_work_on" class="file has-name is-fullwidth"> <label class="file-label required"> <input type="file" name="file_to_work_on" class="file-input" required> <span class="file-cta"> <span class="file-icon"> <i class="fa fa-upload"></i> </span> <span class="file-label"> Please select… </span> </span> <span class="file-name"> Nothing selected, yet. </span> </label> </div> </div> <div class="field"> <button type="submit" class="button is-primary" name="start_work">Go</button> </div> </form>

回答 1 投票 0

使图像具有反应bulma组件响应

我在一个开源项目中使用react-bulma-components,但是我无法使图像在移动设备中响应。它们应该看起来像这样:桌面视图但它们看起来像这样:Mobile -...

回答 1 投票 0

Bulma CSS模态未显示

我正在使用Bulma作为我的CSS框架,并且在尝试使用它们的模式时,根本没有设置它们的样式,好像我缺少什么。覆盖层在那里,x按钮似乎在适当的位置并且可见,但是...

回答 1 投票 0

根据密码强度用JS自定义布尔玛进度条

我正在尝试使用'zxcvbn'检查密码强度,目前为止仅适用于文本:var zxcvbn = require('zxcvbn')var strength = {0:“非常弱”,1:“非常弱” ,2:“弱”,...

回答 1 投票 0

使用布尔玛在Vue中设置活动链接的样式 [

以下按钮用于在VueJS应用程序的页面上导航:

回答 1 投票 0

无法向布尔玛日历元素添加过渡效果

一段时间以来,我一直在尝试向Bulma Calendar DateTime选择器添加向上滑动过渡,但未成功。我需要日历滑动到合适的位置,而不是突然出现在...

回答 1 投票 0

布尔玛网格-移动设备上为2x2,平板电脑及更高版本上为1x4

如何在平板电脑及更高版本上创建1x4的网格,在移动设备上创建2x2的网格? [ ]

回答 1 投票 0

减小布尔输入的输入宽度

我很难减小输入宽度并使之响应。现在,我的表单如下所示:如您所见,输入具有完整宽度。我尝试给它一种宽度样式:33%和...

回答 1 投票 -1

Bulma步骤:我希望在进行下一步之前完成所有必填字段

我使用此教程:[https://wikiki.github.io/components/steps/][1]我希望在进行下一步之前完成所有必填字段。怎么做 ?谢谢

回答 1 投票 0

全高度英雄背景图片在移动滚动时调整大小

我遇到的问题是,由于URL栏,当用户在移动设备上滚动时,我为全高英雄设置的背景图像正在更改尺寸。这会导致图像捕捉到...

回答 1 投票 0

在bulma全高英雄中显示chartjs图表

我正在尝试在bulma全屏英雄部分中显示chartjs图表。所需的效果是该部分将占用可用的浏览器空间。我还需要图表...

回答 1 投票 0

如何在bulm navbar-item中将图标和文本居中

我开始使用Bulma和Buefy框架,但一直困扰着这个问题。我正在尝试复制Google Apps菜单,我已经创建了一个navbar-item div,并将以下代码放入其中:

回答 1 投票 0

在保留填充并使用文本溢出的同时在元素上设置最大宽度

我正在使用Bulma的标签组件将一些标签添加到我的网站。在具有小屏幕的移动设备上,标签不适合并在下一行显示,因此,我尝试在标签上设置最大宽度...

回答 1 投票 0

Navbar Burger bulma无法使用bulm vue正确显示

i使用bulma并添加Navbar,但是如果我遇到问题,如果此页面转到移动视图,则此navbar无法正确显示。这就像在此图片链接上一样。我不知道会发生什么,在此...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.