如何将 bootstrap material 设计中的特定输入样式集成到现有项目中？

Question

我在仅集成 https://github.com/FezVrasta/bootstrap-material-design 中定义的一些样式时遇到了一些问题，即在现有主题上应用了自定义 bootstrap 样式的输入。

在一个 less 文件中，我正在导入这样的输入 less 文件以及它正常工作所需的变量和混合：

@import '@{bower-path}/bootstrap-material-design/less/_colors.less';
@import '@{bower-path}/bootstrap-material-design/less/_mixins.less';
@import '@{bower-path}/bootstrap-material-design/less/_inputs.less';

并且在一个 js 文件中我正在初始化输入：

$.material.input();

但它显示不正确，fi：它没有在焦点上显示彩色边框底部。

有什么想法可以使它正常工作吗？

Answer 1

正如 https://github.com/FezVrasta/bootstrap-material-design/issues/665 中指出的那样，问题出在原始 less 文件中未包含的供应商前缀中。

通过在工作流程中添加 less autoprefixer 插件，问题得到解决。