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

Css 需要以基于bootstrap的web应用程序的形式添加材料设计风格,css,twitter-bootstrap,material-design,Css,Twitter Bootstrap,Material Design,我曾经从事过一个论坛的前端开发工作,该论坛使用Bootstrap。我只需要将材质样式添加到它的表单元素中 任何帮助都将不胜感激。在插入material.css和material.min.js之后,除了引导资源之外,您还可以: 下面是一个输入示例: <div class="form-group row"> <label for="nick-name" class="col-xs-2 col-form-label">Nick Name</labe

我曾经从事过一个论坛的前端开发工作,该论坛使用Bootstrap。我只需要将材质样式添加到它的表单元素中


任何帮助都将不胜感激。

在插入material.cssmaterial.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>

昵称
昵称
仅限字母和空格

您是否尝试过小提琴/演示代码?