css - Bootstrap div，右侧带有响应按钮

Question

在 Bootstrap 中遇到了一个问题，关于如何拥有一个像 div 这样的输入组，其中包含一些内容并在右侧有一个响应按钮。我希望按钮始终位于右侧，这也是响应式的。我尝试使用下面的代码，但似乎这不是正确的代码。请看下面的演示。

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

我不想要下面这样的东西。

Answer 1

你试过pull-right吗？

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