cp_bootstrap_btn

cp_bootstrap_btn

by bryiantan

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="form-group col-xs-10 col-sm-1 col-md-1 col-lg-1"></div>
        <div class="clearfix"></div>

    
        <div class="clearfix"></div>
        
        
        <div class="form-group col-xs-10 col-sm-1 col-md-1 col-lg-1"></div>
         <div class="form-group col-xs-10 col-sm-5 col-md-5 col-lg-5">
           <input class="buttom" name="submit" tabindex="5" value="I Agree - Submit - custom" type="submit">
           
            <input class="btn btn-primary" name="submit" tabindex="5" value="I Agree - Submit - bootsstrap style" type="submit">
            
            <input class="btn btn-primary custom" name="submit" tabindex="5" value="I Agree - Submit - bootsstrap + custom" type="submit">
           
        </div>

CSS

.buttom {
  background: red;
  border: solid 1px #6c757d;
  color:#fff;
  font-weight:700;
  padding: .375rem .75rem;
}

.custom {background:pink;}
.custom:hover {background:red;}