Ich erstelle eine Vue Webapp und verwende bootstrap-4 als CSS Framework. Ich möchte Eingabefelder wie material design haben, aber Bootstrap haben nur älteren Entwurf von input fields mit Rand auf allen Seiten und kein Floating-Label.Material Design Eingang mit bootstrap-4
Was kann der beste Weg sein, um dies zu tun?
Sie können anpassen, welche Ressourcen Sie von Bootstrap wollen, es zu tun Sie vielleicht nicht Inkompatibilität mit 2 Frameworks haben css einander brechen ...
http://getbootstrap.com/customize/
Sie können versuchen, Ressourcen wie Gitter bekommen ... etwas, das materielles Design nicht bricht ...
Ich tat es bereits.
Wie wird das helfen? eine Sache, die ich Bootstrap4 benutze, zweite Bootstrap hat nicht einmal Material Design-Eingabefelder mit Floating-Label, etc. – Saurabh
versuchen, eine benutzerdefinierte css aus codepen.io, verwenden Sie diesen Link, um die beste –
http://codepen.io/search/pens? q = floating% 20label & limit = alles & bestellen = popularity & depth = alles & show_forks = false –
Sie sollten Standard-Bootstrap-Regeln mit einem, den Sie benötigen, überschreiben - sehr einfacher Prozess.
Es gibt Bootstrap Material, aber ich denke, es ist für die Version 3
http://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html
Aber man kann von hier Regeln übernehmen, für die teilweise, dass Sie brauchen, und es um Ihre eigenen CSS-Code einfügen.
Sie können versuchen, mit den benutzerdefinierten CSS, die ich in einigen meiner Projekte verwendet habe, https://jsfiddle.net/sanjeevks121/t3ntexff/ –
Haben Sie versucht, 'materialize js' und' css', zusammen mit 'bootstrap '? –