问题标签 [fluent-kit]

我使用fluent-kit包，我想将模态窗口放在页面的右下角。我根据modal#position docs向元素添加.modal-bottom和类，但是它不起作用。.modal-rightdiv.modal-dialog

我的HTML

我确实想专门使用这个包，因为它提供了开箱即用的功能（我可以在文档中看到工作示例）。我 100% 确定我的脚本和样式添加正确。我错过了什么？

我想在悬停时将卡片提升效果添加到我的引导卡片中，并具有流畅的设计风格。你可以在微软设计网站上看到我的意思。

这是我尝试过的，但是缺少一些东西，我无法完全抓住它。

我试过：

请感谢您的帮助。

我正在使用Bootstrap 按钮生成器创建按钮。这些是流畅的设计按钮，我注意到当:disabled按钮仍然在:hover.

我的问题：

1. 禁用按钮时如何停止阴影？
2. 这样做可以吗？这对我来说似乎是一个不错的选择，但它是否记录在 Fluent Design 按钮的某个地方？

我试过了：

但它不起作用。

我正在使用 Fluent Kit 框架中的这个Bootstrap 表，正如您在小屏幕上看到的那样，单元格中的文本会转到新行，而不是扩展所有可用宽度，因为它在.table-responsive包装器内是无限的。

在下面的代码中，第五个“引擎”列就是这种行为的一个例子：

看起来像这里：

我使用来自 Fluent Kit 框架的登录表单，在示例中右侧第三个，即深色的那个。

它遗漏了一个我不知道如何更改的细节：复选框输入（你可以在这里找到它的文档，真的没有什么意外的），当,不像其他注册表单那样checked在框架颜色中时，它是. 知道如何更改它，或者如何为不同的复选框生成样式，这样我不仅可以使用主要的复选框，还可以使用其他复选框？infoprimary

在这里，我尝试使用 codepen 中的模板链接重新创建样式：

我使用 fluent kit 和 bootstrap 4.1.2。

从导航栏文档（我想要这个，因为切换器在打开/关闭时更改其图标）我确实从#position 部分举了第二个例子。但是，汉堡包不是垂直居中的。我该如何解决？

带有错误汉堡的导航栏：

我尝试删除padding，但没有帮助，我被卡住了。

我使用来自fluent kit的数据表和分页，当点击（:active）时突出显示：

我希望它消失，但只有在点击时。我希望效果仅适用于:focus使用键盘完成的TAB按键。我认为仅使用 CSS 是不可能的。如果是的话，那就太棒了。如果没有，javascript / jquery 解决方案是可以接受的。

这是代码的简化示例：

用于TAB更改<a>链接之间的焦点以了解我的意思。

编辑

因为它是外部插件，所以我不想使用其他 HTML 元素来工作，比如Enable :focus only on keyboard use (or tab press)。