从汉堡下拉菜单中删除项目

时间:2020-04-28 10:05:39

标签: responsive-design navbar responsive bulma hamburger-menu

在平板电脑上,我希望从“汉堡”下拉列表中排除按钮。所以看起来像这样: enter image description here

我与bulma一起工作,并且汉堡包有标准的类,整个导航栏都放在汉堡包中。 haml代码如下所示

.navbar-burger.burger{ 'data-target' => 'navMenu' } 
        %span.icon-bar
        %span.icon-bar 
        %span.icon-bar
    .navbar-menu#menubar
      .navbar-start
          %a.navbar-item.bd-navbar-item-.is-uppercase{ "data-target": 'product', href: '#product' }
            Product
          %a.navbar-item.bd-navbar-item-.is-uppercase{ "data-target": 'more', href: '#more' }
            More
        .navbar-item.is-expanded.columns.is-centered
          .column.is-8.is-12-touch.has-text-black
      .navbar-end
        %span.navbar-item
            %a.navbar-item.button.is-rounded.is-primary.is-uppercase
              %span Register
        %span.navbar-item
            %a.navbar-item.button.is-rounded.is-primary.is-outlined.is-uppercase
              %span Login

那我如何从平板电脑上的.navbar-burger.burger中排除按钮?

0 个答案:

没有答案