[英]Align button to bottom of div
I need to align a button to the bottom of my div: 我需要将一个按钮对准div的底部:
<div class="row">
<div class="col-sm-6 col-md-3" >
<div class="caption" style="background-color:white;border-radius: 5px 5px 5px 5px;min-height:420px;">
<div class="thumbnail" >
<img src="https://placehold.it/420x200" alt="Generic placeholder thumbnail">
</div>
<h3 class="dark-text">Title</h3>
<p class="dark-text-description">Description</p>
<a href="#" class="btn btn-primary full-width buttom-bottom" role="button" style="">
View
</a>
</div>
</div>
Here is what it looks like at the moment: http://pasteboard.co/bpTSsTC01.png 这是现在的样子: http : //pasteboard.co/bpTSsTC01.png
Use margin-top
property according to your requirement. 根据您的要求使用
margin-top
属性。
example: margin-top:100%;
例如:
margin-top:100%;
Alternatively, you can use position
property 或者,您可以使用
position
属性
example: position:absolute; bottom:0;
例如:
position:absolute; bottom:0;
position:absolute; bottom:0;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.