点导航
创建一个具有水平或垂直布局的点导航，用于浏览幻灯片或滚动到不同的页面部分。
使用方法
要创建一个带有圆点的导航，只需将 .uk-dotnav 类添加到 <ul> 元素，并在列表中嵌套 <a> 元素即可。这非常适合创建典型的幻灯片导航。此组件使用 Flexbox 构建。所以要对齐点导航，你可以使用 Flex 组件。
示例
标记
<ul class="uk-dotnav">
<li class="uk-active"><a href="">...</a></li>
<li><a href="">...</a></li>
</ul>点导航和图像
为了在图像上获得更好的可见性，例如当将点导航用作幻灯片导航时，只需添加 .uk-dotnav-contrast 类即可。
示例
注意 在此示例中，我们还应用了来自 Flex 组件 的 .uk-flex-center 类来居中点导航。
标记
<ul class="uk-dotnav uk-dotnav-contrast uk-flex-center">
<li class="uk-active"><a href="">...</a></li>
<li><a href="">...</a></li>
</ul>垂直点导航
点导航也可以垂直对齐。只需添加 .uk-flex-column 类即可。这非常适合使用 Scrollspy 组件进行页面滚动导航。
示例
标记
<ul class="uk-dotnav uk-flex-column">
<li class="uk-active"><a href="">...</a></li>
<li><a href="">...</a></li>
</ul>