在引导程序中遇到了一个问题,即如何使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>
我不会像下面这样。
最佳答案
您是否尝试过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/