Struggling with an issue in Bootstrap on how to create an input group with responsive content and a button on the right side. I want the button to always be on the right side and also responsive. I attempted to achieve this with the code below, but it doesn't seem to be correct. Please refer to the demo.
.btn-custom {
position: absolute;
right: 5px;
height: 100%;
min-height: 100px;
top: -9px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="well well-sm">
<div class="row">
<div class="col-xs-4">
<img src="http://placehold.it/350x350" class="img-responsive img-circle" />
</div>
<div class="col-xs-4">
Lorem ipsum dolor sit.
</div>
<div class="col-xs-4 text-right">
<a href="" class="btn btn-primary btn-custom">Go!</a>
</div>
</div>
</div>
</div>
</div>
</div>I'm looking for something similar to the image linked https://i.stack.imgur.com/1wGU3.jpg.