1、下拉菜单;
<div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">默认<span class="caret"></span></button> <ul class="dropdown-menu" role="menu"> <li><a href="#">nihao</a></li> <li><a href="#">nihao</a></li> <li class="divider"><a href="#">nihao</a></li> //divider 分割符; <li><a href="#">nihao</a></li> </ul> </div>
2、导航栏;
nav-tab 切换 nav-pills 胶囊式;
<ul class="nav nav-pills"> //nav-pills 胶囊式 nav-tabs tab式; <li class="active"><a href="#">file</a></li> <li><a href="#">view</a></li> <li><a href="#">help</a></li> </ul>
堆栈式导航;
<ul class="nav nav-stacked"> <li><a href="#">file</a></li> <li><a href="#">view</a></li> <li><a href="#">help</a></li> </ul>
注: 该博客为扩展型;
原文地址:https://www.cnblogs.com/yinwei-space/p/10197930.html
时间: 2024-10-12 11:55:35