使用bootstrap-4输入材料设计

时间:2016-11-30 12:26:58

标签: css twitter-bootstrap material-design vue.js bootstrap-4

我正在创建一个vue webapp并使用bootstrap-4作为CSS框架。我希望有像material design这样的输入字段,但是bootstrap只有input fields的较旧设计,所有边都有边框,没有浮动标签。

最好的办法是什么?

2 个答案:

答案 0 :(得分:1)

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

有Bootstrap材质,但我认为它适用于版本3

http://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html

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

答案 1 :(得分:0)

您可以从引导程序中自定义所需的资源,执行此操作时可能与2个框架不兼容,从而破坏了CSS ...

http://getbootstrap.com/customize/

你可能会尝试获得像网格这样的资源......不会破坏材料设计......

我已经做到了。