<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="form-group"> <label for="inpuFname">Multi Level Input</label> <div class="input-group below24 bias-input-group"> <span class="input-group-addon">http://conttact.us/</span> <div class="xx"> <input type="text" value="" class="form-control" name="custom_name" placeholder="custompath"><button class="btn btn-primary ladda-button" data-style="expand-right"> <span class="ladda-label"> Save snippet </span> </button> </div> </div> </div> </div> </div>

.bias-input-group .input-group-addon + .input-group-btn > .btn {border-radius: 0;} .bias-input-group .input-group-addon + .input-group-btn + .input-group-addon {border-right: 0; border-left: 0;} .xx {width:100px;}