请问使用bootstrap如何制作这样的导航菜单?

发布于 2022-08-29 21:37:35 字数 2124 浏览 7 评论 0

图片描述

我看了官网,然后查看他的源代码:

  <div class="row">
      <div class="span3 bs-docs-sidebar">
        <ul class="nav nav-list bs-docs-sidenav">
          <li><a href="#dropdowns"><i class="icon-chevron-right"></i> 下拉菜单</a></li>
          <li><a href="#buttonGroups"><i class="icon-chevron-right"></i> 按钮组</a></li>
          <li><a href="#buttonDropdowns"><i class="icon-chevron-right"></i> 按钮下拉菜单</a></li>
          <li><a href="#navs"><i class="icon-chevron-right"></i> 导航</a></li>
          <li><a href="#navbar"><i class="icon-chevron-right"></i> 导航条</a></li>
          <li><a href="#breadcrumbs"><i class="icon-chevron-right"></i> 面包屑</a></li>
          <li><a href="#pagination"><i class="icon-chevron-right"></i> 分页</a></li>
          <li><a href="#labels-badges"><i class="icon-chevron-right"></i> 标签与徽章</a></li>
          <li><a href="#typography"><i class="icon-chevron-right"></i> 排版</a></li>
          <li><a href="#thumbnails"><i class="icon-chevron-right"></i> 缩略图</a></li>
          <li><a href="#alerts"><i class="icon-chevron-right"></i> 警告框</a></li>
          <li><a href="#progress"><i class="icon-chevron-right"></i> 进度条</a></li>
          <li><a href="#media"><i class="icon-chevron-right"></i> 媒体对象</a></li>
          <li><a href="#misc"><i class="icon-chevron-right"></i> Misc</a></li>
        </ul>
      </div>

官方使用的这些类,都在他的手册都没有。。。
是不是官方手册提共的api不全面。因为我写代码有一个怪毛病,就是喜欢查找手册有没有。。
好像官方没有nav-list bs-docs-sidenav这两个类吧。。还是我看漏了??

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

夏夜暖风 2022-09-05 21:37:35

从截图来看你使用的是BootStrap2,这个东西叫 附加导航

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文