Form Layout
Form Basic
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">We will never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="mb-md custom-control custom-checkbox checkbox-primary mb-md">
<input type="checkbox" class="custom-control-input" id="customCheck2">
<label class="custom-control-label" for="customCheck2">
Check Me Out
</label>
</div>
<button type="submit" class="btn btn-raised-primary">Submit</button>
</form>
Form Inputs
<form>
<div class="row">
<div class="form-group col-md-6 mb-md pl-0">
<label for="">First Name</label>
<input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="First Name....">
</div>
<div class="form-group col-md-6 pl-0">
<label for="">Last Name</label>
<input type="text" class="form-control" id="exampleInputPassword1" placeholder="Last Name....">
</div>
<div class="form-group col-md-6 mb-md pl-0">
<label for="">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email....">
</div>
<div class="form-group col-md-6 pl-0">
<label for="">Phone</label>
<input type="text" class="form-control" id="exampleInputPassword1" placeholder="phone...">
</div>
<div class="form-group col-md-6 mb-md pl-0">
<label for="">Credit Card Number</label>
<input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Credit Number....">
</div>
<div class="form-group col-md-6 pl-0">
<label for="">Website</label>
<input type="text" class="form-control" id="exampleInputPassword1" placeholder="website...">
</div>
<div class="form-group col-md-6 mb-md pl-0">
<label for="">Birth Date</label>
<input class="form-control" type="text" name="basic" id="ul-form-layoute-date">
</div>
<div class="form-group col-md-6 pl-0">
<label for="">Website</label>
<input type="text" class="form-control" id="exampleInputPassword1" placeholder="website...">
</div>
</div>
</form>
Buy Arctic
All rights reserved © UI Lib 2020