<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;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.