Question

我很想找到类似于这个多级推送菜单（有重叠）的东西，但是对于基于Bootstrap 3的站点。有谁知道相同的一些改编？

无论Codrops创造的是什么真的很棒，但从来没有准备好Bootstrap，我无法在大多数时间自行移植它。

我希望这能与AngularJS，ng-repeats，儿童等一起使用......

链接：Multilevel Push Menu

Answer 1

这个可能吗？ MultiLevelPushMenu jQuery插件实现，https://github.com/adgsm/multi-level-push-menu

Answer 2

我最近在自己的网站上在bootstrap 3下实现了Coderops多级菜单。我的解决方案可能不是你需要的，因为它是一个Backbone Marionette应用程序，但是可能有一些东西可以帮助你入门。

我的HAML用于将菜单DIV嵌套在引导容器中

!!!
%html
  %head
    %title>
      = "Mark2"
    %meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"}/
    %meta{:name => "fragment", :content => '!'}
    = stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => false
    = javascript_include_tag 'modernizr'
  %body
    .container
      .mp-pusher#mp-pusher
        %nav.mp-menu#mp-menu
        .scroller#scroller
          .scroller-inner
            .row
              .col-md-12
                = yield
  = requirejs_include_tag "app"

所以我在bootstrap容器中有菜单div，然后是滚动器内部的其余部分。

我的个人网站上有完整的文章。

Multi Level Push Menu In Backbone Marionette And Bootstrap 3

如果您需要更多详细信息，请随时在此处或我的网站上发表评论。

带Bootstrap3的多级推送菜单

2 个答案: