Я создаю vue webapp и используя bootstrap-4 в качестве рамки CSS. Я хочу иметь поля ввода, такие как material design, но bootstrap имеют только более старый дизайн input fields с рамкой со всех сторон и без плавающей метки.Материальный дизайн ввода с bootstrap-4
Что может быть лучшим способом сделать это?
Вы можете настроить, какие ресурсы вы хотите от начальной загрузки, делая это, вы можете не иметь несовместимость с 2 рамками разбивающихся CSS друг друга ...
http://getbootstrap.com/customize/
вас могут попытаться получить ресурсы, такие как сетки ... то, что не разрушит конструкцию материала ...
Я уже сделал это.
как это поможет? одна вещь, которую я использую bootstrap4, во втором бутстрапе нет даже полей ввода материала с плавающей меткой и т. д. – Saurabh
попробуйте получить пользовательский css из codepen.io, воспользуйтесь этой ссылкой для просмотра лучшей –
http://codepen.io/поиск/ручки? д = плавающая% 20label & предел = все и порядок = популярность & глубина = все & show_forks = ложь –
Вы должны перезаписать стандартные правила Bootstrap с помощью одного из них - очень простой процесс.
Есть Bootstrap материал, но я думаю, что для версии 3
http://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html
Но вы можете принять правила здесь, для частичного, что вам нужно, и вставить его в свой пользовательский CSS.
Вы можете попробовать с помощью пользовательского CSS, который я использовал в некоторых своих проектах, https://jsfiddle.net/sanjeevks121/t3ntexff/ –
Вы пытались включить 'materialize js' и' css', а также 'bootstrap '? –