问题标签 [bulma]

Angular 材质很棒，但还缺少很多功能。那么哪个 CSS 框架最适合用作角度材料的补充？

编辑：

其他重要因素：

1. 轻的
2. 响应式
3. 弹性支持
4. RTL 支持
5. 现代的

Bulma 下拉菜单似乎没有在点击时切换。以下是文档中的代码片段：https ://bulma.io/documentation/components/dropdown/

我想在登录页面中放置一个简单的 buefy 复选框，但它没有显示（它只显示文本“记住我”）。我想将 buefy 与 Laravel 一起使用，当然还有 bulma。我已经尝试更改版本，但它不起作用。登录页面：

页脚

应用程序.js

包.json

我正在使用一个名为 Bulma 的 CSS 框架，我正在尝试在 Bulma导航栏中实现一个搜索栏。我正在尝试将自动完成功能添加到搜索栏。因此，在输入字段的正下方，我添加了一个面板块（有点类似于引导列表组）：

但是因为这个无序列表仍然是导航栏的一部分，所以导航栏将所有这些列表项都包裹了起来，这使得导航栏变大了。这是我的导航栏的内容：

我尝试添加style="overflow: hidden;"到根<nav>元素。没用。如何在不放大导航栏的情况下显示列表项？

可以在这个JSFiddle上找到完整的演示（请缩小 JSFiddle 左栏的大小以便在桌面视图中看到它）。

I'm designing a landing page using a Flexbox based CSS Framework - Bulma.

I created a navbar below a fullheight section and I'm using it to scroll through sections, which gets fixed/unfixed depending whether the page is scrolled below the fullheight section. This is the JQuery code I'm using to add/remove the fixed position class:

The issue I'm facing is that when the navigation bar is set to position: relative - default position, when clicking on any link to a section it "overscrolls" using the height of the navigation bar.

Another issue is that when navigating to the first section - where the class is toggled, there's also an overscroll, I believe using if ($(window).scrollTop() >= $('#cover').height()) (is greater than or equal to) fixes that.

Here's a relevant codepen that describes my issue https://codepen.io/miraris/full/wrLdwN I'm also using a smooth-scroll library in that codepen, but that's irrelevant and the issue is the same when it's removed (just no offset).

这是我当前的 HTML，用于显示带有bulma.

到目前为止，一切都很好。

一个问题是input每个断点都会占用全宽，这对于桌面分辨率来说太多了。

如何使input移动断点只需要全宽，而移动断点后可能需要一定宽度。

有没有bulma办法做到这一点？而不是编写我自己的css规则？

编解码器

我试图让出现在悬停上的文本完全显示在框中。1) 具有内容的悬停效果，2) 使用关卡/关卡项目，以及 3) 希望在框内创建相等的垂直居中的混合使这有点复杂。下面是文本如何向右溢出的屏幕截图。请注意，我必须使用纯 CSS 来实现这一点。

目前我有以下代码：

下拉菜单在普通页面上运行良好。

但是当我使用像 SPA 一样工作的 Vue-router 时，下拉菜单会在 navbar-item 及其子 navbar-link 之间消失，除非我快速向下移动光标。

路由器页面上的 html 中或路由器视图和导航之间没有间隙或边距。在普通网页上，导航栏项到下拉菜单之间的过渡是无缝的。但是在路由器页面上，一旦光标移离装在外部 div 内的内部标签，下拉菜单就会消失。

设置 style="height: 100%" 不能使 a 标签完全适合外部 div

https://bulma.io/documentation/components/navbar/

我想将一个name="name"属性放在一个buefy输入控件中。到目前为止，我还没有成功。

它发送空值，我在 laravel 中得到一个错误：

当我尝试使用本机 html 输入控件时，它起作用了。

我还尝试使用开发人员工具检查 DOM，看起来 b-input 控件没有名称。

我该如何解决这个问题？

编辑：我有 vue@2.1.10 而对于 buefy 你需要 2.4，这就是我得到这个错误的原因。对不起这是我的错。

我刚开始用 Bulma 建立我的博客原型。有一个footer部分有两个等分的列。

我希望三个项目（Twitter、电子邮件等）在黄色区域垂直居中。布尔玛有专门的课程吗？

（请参阅codepen.io 上的完整示例。）