<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<div class="container">
<h3>
<a href="https://primestudyhub.blogspot.com/search/label/Bootstrap%204" target="_blank">BOOTSTRAP 4 INLINE FORMS</a></h3>
<a href="https://primestudyhub.blogspot.com/search/label/Bootstrap%204" target="_blank">Learn More</a>
<form class="form-inline">
<div class="input-group mb-2 mr-sm-2">
<div class="input-group-prepend">
<div class="input-group-text">Email</div>
</div>
<input type="email" class="form-control" id="Email" placeholder="Enter Email">
</div>
<div class="input-group mb-2 mr-sm-2">
<div class="input-group-prepend">
<div class="input-group-text">Password</div>
</div>
<input type="password" class="form-control" id="Password" placeholder="Enter Password">
</div>
<button type="submit" class="btn btn-primary mb-2"><a href="https://primestudyhub.blogspot.com/search/label/Bootstrap%204" target="_blank">Login</a></button>
</form>
</div>
a,a:hover{
text-decoration:none!important;
}
button a{
color:#fff!important;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.