帶引導程序的材料設計輸入-4

我正在創建一個vue webapp並使用bootstrap-4作爲CSS框架。我想要有像material design這樣的輸入字段，但引導程序只有舊的設計input fields，所有邊都有邊框，並且沒有浮動標籤。帶引導程序的材料設計輸入-4

什麼是最好的方法來完成這件事？

2016-11-30 Saurabh

您可以嘗試使用自定義CSS，我在我的一些項目中使用過，https://jsfiddle.net/sanjeevks121/t3ntexff/ –

您是否嘗試過使用'materialize js'和'css'，以及'bootstrap '？ –

你可以定製你想要的引導什麼樣的資源，這樣做，你可能不會有2個框架打破CSS相互不兼容...

，你可以嘗試獲得資源，如網格...東西不會破壞材料設計...

我已經做到了。

2016-11-30 12:46:35

這將如何幫助？有一件事我使用bootstrap4，第二個bootstrap甚至沒有使用浮動標籤的材料設計輸入字段等。 – Saurabh

嘗試從codepen.io獲取自定義CSS，使用此鏈接查看最好的一個 –

http://codepen.io /搜索/筆q =浮動％20label＆限值爲所有與秩序=普及和深度=一切與show_forks = FALSE –

你應該用你需要的一個覆蓋標準的Bootstrap規則 - 非常簡單的過程。

有引導材料，但我認爲這是3版本

但是你可以從這裏走的規則，部分，你需要，並將其粘貼到您的自定義CSS。

2016-11-30 13:43:56

回答