二级导航
最后更新于：2022-04-01 22:21:38
# 二级导航
为二级导航设置不同的样式风格
## 用法
使用以下类名来应用这个组件。对齐一个二级导航，比如水平居中，你可以使用 [Flex 组件](flex.html)。
| Class | 描述 |
| --- | --- |
| `.uk-subnav` | 添加此类名到 `<ul>` 元素中，并在列表内嵌 `<a>` 元素。 |
| `.uk-active` | 为列表条目添加此类名，使其呈现选中状态。 |
| `.uk-disabled` | 为列表条目添加此类名，使其呈现禁用状态。 |
### Example
### Markup
```
```
* * *
## 修饰
### 二级导航的分隔线
添加 `.uk-subnav-line` 类名，用线条将菜单条目分隔开。
#### Example
### Markup
```
```
* * *
### 二级导航弹丸
添加 `.uk-subnav-pill` 类名，使选中状态的菜单条目拥有背景色。只需为菜单条目添加`.uk-active` 类名，就能让它呈现选中的状态。
#### Example
### Markup
```
```
* * *
## 带下拉菜单的二级导航
这个例子展示了如何使用带有 [下拉菜单](dropdown.html) 的二级导航。
#### Example
#### Markup
```
```
';