初学uikit，在网页布局中怎样让文字一直显示在它的父div的底部

Question

尽量简答说，我在设计网页布局时，有两个等高网格div

<section class="uk-grid uk-grid-match" data-uk-grid-match="{target:'.uk-width-medium-1-2 uk-width-small-1-1'}">
<div class="uk-width-medium-1-2 uk-width-small-1-1 ">.....</div>
<div class="uk-width-medium-1-2 uk-width-small-1-1 "><p>...</p></div>
</section>            

第一个div里面有内容，且撑开到一个高度。第二个div里因为data-uk-grid-match属性设置跟第一个div时等高，但内容只有一段文字和一个小图片。我想让这段文字显示在这个div的底部。尝试uikit中提供uk-vertical-align-bottom属性

<section class="uk-grid uk-grid-match" data-uk-grid-match="{target:'.uk-width-medium-1-2 uk-width-small-1-1'}">
<div class="uk-width-medium-1-2 uk-width-small-1-1 ">.....</div>

<div class="uk-width-medium-1-2 uk-width-small-1-1 uk-vertical-align">
   <div class="uk-vertical-align-bottom"> 
        <img src="">
        <p>...</p>
    </div>
</div>
</section>    

但没有效果，不知道为什么，望大神帮我解决下

Answer 1

<div class="uk-width-medium-1-2 uk-width-small-1-1 ">
   <div class="uk-vertical-align-bottom"> 
        <img src="uk-vertical-align">
        <p class="uk-vertical-align-bottom">...</p>
    </div>
</div>
</section>    

试试这样可以不