將按鈕對准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; position:absolute; bottom:0;