Example: bongdaplus
<div class="card card-custom"> <div class="card-header"> <h3 class="card-title"> Base Controls </h3> <div class="card-toolbar"> <div class="example-tools justify-content-center"> <span class="example-toggle" data-toggle="tooltip" title="View code"></span> <span class="example-copy" data-toggle="tooltip" title="Copy code"></span> </div> </div> </div> <form> <div class="card-body"> <div class="form-group mb-8"> <div class="alert alert-custom alert-default" role="alert"> <div class="alert-icon"><i class="flaticon-warning text-primary"></i></div> <div class="alert-text"> The example form below demonstrates common HTML form elements that receive updated styles from Bootstrap with additional classes. </div> </div> </div> <div class="form-group"> <label>Email address <span class="text-danger">*</span></label> <input type="email" class="form-control" placeholder="Enter email"/> <span class="form-text text-muted">We'll never share your email with anyone else.</span> </div> <div class="form-group"> <label for="exampleInputPassword1">Password <span class="text-danger">*</span></label> <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"/> </div> <div class="form-group"> <label>Static:</label> <p class="form-control-plaintext text-muted">email@example.com</p> </div> <div class="form-group"> <label for="exampleSelect1">Example select <span class="text-danger">*</span></label> <select class="form-control" id="exampleSelect1"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> <div class="form-group"> <label for="exampleSelect2">Example multiple select <span class="text-danger">*</span></label> <select multiple="" class="form-control" id="exampleSelect2"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> <div class="form-group mb-1"> <label for="exampleTextarea">Example textarea <span class="text-danger">*</span></label> <textarea class="form-control" id="exampleTextarea" rows="3"></textarea> </div> </div> <div class="card-footer"> <button type="reset" class="btn btn-primary mr-2">Submit</button> <button type="reset" class="btn btn-secondary">Cancel</button> </div> </form> </div>
Comments
Post a Comment