Primer CSS - 下拉列表无法打开

时间:2018-06-01 20:01:29

标签: css

我在将Primer CSS与laravel集成时遇到了问题。我正在尝试添加一个Dropdown Panel,但它永远不会打开。

这是我的app.scss

// Variables
@import "variables";

// Bootstrap
//@import '~bootstrap/scss/bootstrap';

// Primer
@import "node_modules/primer/index.scss"; 
@import "node_modules/primer-dropdown/index.scss";

// FontAwesome
@import '~@fortawesome/fontawesome-free-webfonts/scss/fa-brands';
@import '~@fortawesome/fontawesome-free-webfonts/scss/fa-regular';
@import '~@fortawesome/fontawesome-free-webfonts/scss/fa-solid';
@import '~@fortawesome/fontawesome-free-webfonts/scss/fontawesome';

这是我的下拉菜单,按下按钮:

<div class="dropdown js-menu-container js-select-menu">
  <button class="btn dropdown-toggle js-menu-target" type="button" aria-expanded="false" aria-haspopup="true">
    .dropdown-ne
    <div class="dropdown-caret"></div>
  </button>

  <div class="dropdown-menu-content js-menu-content">
    <ul class="dropdown-menu dropdown-menu-ne">
      <li><a class="dropdown-item" href="#url">Dropdown item</a></li>
      <li><a class="dropdown-item" href="#url">Dropdown item</a></li>
      <li><a class="dropdown-item" href="#url">Dropdown item</a></li>
    </ul>
  </div>
</div>

0 个答案:

没有答案