带bootstrap-4的材料设计输入 [英] Material design input with bootstrap-4

问题描述

我正在创建一个Vue Web应用程序，并使用 bootstrap-4 作为CSS框架.我想输入材料设计，但是引导程序仅具有输入字段的较旧设计，且所有页面上都带有边框侧面且没有浮动标签.

I am creating a vue webapp and using bootstrap-4 as CSS framework. I want to have input fields like material design, But bootstrap have only older design of input fields with border on all sides and no floating label.

完成此任务的最佳方法是什么?

What can be best way to get this done?

推荐答案

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

You should overwrite standard Bootstrap rules with one you need - very simple process.

有Bootstrap资料，但我认为它适用于版本3

There are Bootstrap Material, but I think it's for version 3

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

但是您可以从此处获取需要的部分规则，然后将其粘贴到自定义CSS中.

But you can take rules from here, for partial that you need, and paste it to your custom CSS.

这篇关于带bootstrap-4的材料设计输入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！