dropdown是什么？
下拉菜单
哪些元素可以激活下拉菜单？
任何元素.常见的如button元素
<button class="uk-button">Hover</button>
以下方法将元素与下拉菜单绑定。也就是说必须用带data-uk-dropdown属性的div元素把 该元素包裹起来。
image.png
按钮中的下拉菜单
首先创建dropdown组件
之后创建button用于激活下拉菜单
最后创建下拉菜单。
<!-- This is the container enabling the JavaScript -->
<div class="uk-button-dropdown" data-uk-dropdown>
<!-- This is the button toggling the dropdown -->
<button class="uk-button">Hover</button>
<!-- This is the dropdown -->
<div class="uk-dropdown uk-dropdown-small">
<ul class="uk-nav uk-nav-dropdown">
<li><a href="">item1</a></li>
<li><a href="">item2</a></li>
</ul>
</div>
</div>
结果如图
image.png
