需要在基于bootstrap的web应用程序的形式中添加材料设计风格

Question

我在一个使用Bootstrap的论坛的前端开发上工作过。我只需要给它的表单元素添加材质样式。

Answer 1

在您插入material.css和material.min.js之后，除了您的引导资源，您应该很好:

下面是一个示例输入:

<div class="form-group row">
            <label for="nick-name" class="col-xs-2 col-form-label">Nick Name</label>
            <div class="mdl-textfield mdl-js-textfield">
                <input class="mdl-textfield__input" type="text" name="nick-name" id="nick-name" pattern="[A-Z,a-z, ]*">
                <label class="mdl-textfield__label" for="nick-name">Nick Name</label>
                <span class="mdl-textfield__error">Letters and spaces only</span>
            </div>
        </div>