将按钮对齐div的底部

Question

我需要将按钮对齐到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>

目前的情况如下： http://pasteboard.co/bpTSsTC01.png

Answer 1

根据您的要求使用margin-top属性。

示例：margin-top:100%;

或者，您可以使用position属性

示例：position:absolute; bottom:0;