Scroll to Top

Bootstrap

These input elements are designed just like bootstrap form elements.

SITEMAP Documentation / Css / Form / Bootstrap

Demo

Code copy

<div class="row">
                <div class="col m6 s12 l6">
                    <div class="pad-10">
                        <input type="text" class="form-control" placeholder="text">
                    </div>

                </div>
                <div class="col m6 s12 l6">
                    <div class="pad-10">
                        <input type="password" class="form-control" placeholder="password">
                    </div>
                </div>
                <div class="col m6 s12 l6">
                    <div class="pad-10">
                        <input type="date" class="form-control" placeholder="date">
                    </div>
                </div>
                <div class="col m6 s12 l6">
                    <div class="pad-10">
                        <input type="time" class="form-control" placeholder="time">
                    </div>
                </div>
                <div class="col m6 s12 l6">
                    <div class="pad-10">
                        <input type="number" class="form-control" placeholder="number">
                    </div>
                </div>
                <div class="col m6 s12 l6">
                    <div class="pad-10">
                        <input type="email" class="form-control" placeholder="email">
                    </div>
                </div>
                <div class="col m12 s12 l12">
                    <div class="pad-10">
                        <textarea class="form-control" placeholder="textarea"></textarea>
                    </div>
                </div>
            </div>

Feedback

Developed By Egrammi Studios