bootstrap form group css code example
Example 1: bootstrap form input select
<div class="col-lg-6 col-md-6 col-12">
<div class="input-group mb-3">
<div class="input-group-prepend">
<select class="form-control select2bs4" name="country_code" id="country_code" style="width: 100%">
<option value="+91">+91</option>
<option value="+351">+351</option>
<option value="+1">+1</option>
</select>
</div>
<input type="text" name="user" class="form-control" placeholder="Email Or Mobile Number">
</div>
</div>
Example 2: bootstrap forms examples
<!-- Default form login -->
<form class="text-center border border-light p-5" action="#!">
<p class="h4 mb-4">Sign in</p>
<!-- Email -->
<input type="email" id="defaultLoginFormEmail" class="form-control mb-4" placeholder="E-mail">
<!-- Password -->
<input type="password" id="defaultLoginFormPassword" class="form-control mb-4" placeholder="Password">
<div class="d-flex justify-content-around">
<div>
<!-- Remember me -->
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="defaultLoginFormRemember">
<label class="custom-control-label" for="defaultLoginFormRemember">Remember me</label>
</div>
</div>
<div>
<!-- Forgot password -->
<a href="">Forgot password?</a>
</div>
</div>
<!-- Sign in button -->
<button class="btn btn-info btn-block my-4" type="submit">Sign in</button>
<!-- Register -->
<p>Not a member?
<a href="">Register</a>
</p>
<!-- Social login -->
<p>or sign in with:</p>
<a href="#" class="mx-2" role="button"><i class="fab fa-facebook-f light-blue-text"></i></a>
<a href="#" class="mx-2" role="button"><i class="fab fa-twitter light-blue-text"></i></a>
<a href="#" class="mx-2" role="button"><i class="fab fa-linkedin-in light-blue-text"></i></a>
<a href="#" class="mx-2" role="button"><i class="fab fa-github light-blue-text"></i></a>
</form>
<!-- Default form login -->