如何将特定输入样式从bootstrap材料设计集成到现有项目?

时间:2015-08-10 19:08:39

标签: css twitter-bootstrap less material-design bootstrap-material-design

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

在一个较少的文件中,我正在导入这样的输入较少的文件以及所需的变量和mixin以使其正常工作:

@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:它不会在焦点上显示彩色边框底部。

任何使这项工作正常的想法?

1 个答案:

答案 0 :(得分:4)

正如https://github.com/FezVrasta/bootstrap-material-design/issues/665中所指出的,问题出现在原始较少文件中未包含的供应商前缀中。

通过将较少的autoprefixer插件添加到工作流程中,问题就解决了。