使用 bootstrap-4 的材料设计输入答案

【问题标题】：Material design input with bootstrap-4使用 bootstrap-4 的材料设计输入
【发布时间】：2017-04-14 18:36:43
【问题描述】：

我正在创建一个 vue webapp 并使用 bootstrap-4 作为 CSS 框架。我想要像material design 这样的输入字段，但是引导程序只有input fields 的旧设计，四周都有边框，没有浮动标签。

完成这项工作的最佳方法是什么？

【问题讨论】：

【解决方案1】：

您应该用您需要的规则覆盖标准引导规则 - 非常简单的过程。

有 Bootstrap Material，但我认为它适用于第 3 版

但您可以从此处获取所需的部分规则，并将其粘贴到您的自定义 CSS 中。

【讨论】：

【解决方案2】：

您可以从引导程序中自定义您想要的资源，这样做您可能不会与 2 个相互破坏 css 的框架不兼容...

您可以尝试获取诸如网格之类的资源...不会破坏材料设计的东西...

我已经做到了。

【讨论】：