在引导程序中遇到了一个问题,即如何使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>





我不会像下面这样。css - Bootstrap div,右侧有响应按钮-LMLPHP

最佳答案

您是否尝试过pull-right

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

关于css - Bootstrap div,右侧有响应按钮,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44020822/

10-13 02:45