<ul class="nav nav-pills nav-stacked">
时间: 2023-10-08 17:03:54 浏览: 178
`<ul class="nav nav-pills nav-stacked">` 是一个使用Bootstrap框架的示例代码,它用于创建一个垂直堆叠的导航菜单。
在Bootstrap中,`nav`类用于创建导航菜单的外层容器,而`nav-pills`类表示这是一个采用平面按钮样式的导航菜单。`nav-stacked`类用于将导航菜单垂直堆叠显示。
这段代码可以用于创建一个垂直堆叠的导航菜单,其中的每个菜单项都以按钮的形式显示。示例用法如下:
```html
<ul class="nav nav-pills nav-stacked">
<li role="presentation" class="active"><a href="#">菜单项1</a></li>
<li role="presentation"><a href="#">菜单项2</a></li>
<li role="presentation"><a href="#">菜单项3</a></li>
</ul>
```
在上述示例中,我们创建了一个垂直堆叠的导航菜单,其中包含了3个菜单项。每个菜单项都使用`<li>`元素进行包裹,并使用`<a>`元素作为链接。`.active`类表示当前选中的菜单项。
你可以根据实际需要修改和扩展这个导航菜单,添加更多的菜单项或者调整样式来满足你的需求。记得在使用该代码之前,引入Bootstrap的CSS和JavaScript文件,以确保样式和交互效果正常显示。
阅读全文