带有响应按钮的Bootstrap div

Question

在bootstrap中有一个问题，就是如何让一个像div这样的输入组，里面有一些内容，右边是一个响应按钮。我希望按钮总是在右侧，也是响应。我尝试使用下面的代码，但似乎这不是正确的代码。请参阅下面的演示。

＆＃13;

＆＃13;

.btn-custom {
  position: absolute;
  right: 5px;
  height: 100%;
  min-height: 100px;
  top: -9px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

我想要下面的内容。

Answer 1

＆＃13;

＆＃13;

<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">
          <div class="input-group">
  <input type="text" class="form-control" placeholder="Text Field" aria-describedby="basic-addon2">
  <a href="#" class="input-group-addon btn btn-primary" id="basic-addon2">Go</a>
</div>
        </div>
      </div>
    </div>
  </div>
</div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

你试过pull-right吗？

<div class="col-xs-4 text-right">
   <a href="" class="btn btn-primary btn-custom">Go!</a>
</div>